• FAQs
  • Our Story
  • Contact
  • Start Here
  • Work With Me
    • Facebook
    • Instagram
    • Pinterest

My Designs In the Chaos

Cutting Files, Crafting, and Chaos

  • My Designs In the Chaos
  • Home
  • Freebies
  • Pricing Calculator
  • SVG Files
  • Develop
    • SVG Files
    • Mock Ups
    • Project Inspiration
    • Sublimation
  • Encourage
    • Crafty Humor
    • Club Chaos Sneak Peeks
  • Grow
    • Biz Building
    • Resources
  • Learn
    • Fun Five Challenge
    • Club Chaos
    • 123-SVG
    • The Designer’s Society
    • Success Stories

The Difference between SVG and PNG File Types

Share11
Pin388

The Difference between SVG and PNG File Types Explained and Why It Matters Which One You Use

If you are like me, when someone starts mentioning file formats, acronyms, phrases like the difference between SVG and PNG, and other computer-ish jargon you get a little glazed over in the eyes.  You might even begin daydreaming about your next creative project that you want to begin crafting.  Trust me, I totally get it!

I’m here to tell ya though, (in a tough love kind of way)… SNAP OUT OF IT friend… at least for the next few minutes.  I’m going to share a few helpful tips about the difference between SVG and PNG file formats in relation to your cutting machine.  I promise it will make your crafting life so much easier!   While yes, both file types can be used with Silhouette and Cricut machines, the files are by no means created equal.  

In order to create that awesome project you are dreaming about in your head, you need to first know the difference between these two file types.  So perk up, and let’s dive in!

 

Before we can get to the difference between the two file formats, we must first understand what each of the files are to begin with.    

What is an SVG File

The first file type that you have probably heard most commonly talked about in cutting machine crafting groups and online, is SVG files.  The acronym SVG stands for Scalable Vector Graphic.  In the most basic terms that means you can size up the file as big as you want and it will never get pixelated or blurry on your screen.  You might also hear this type of file just called a vector graphic for short.

SVG files are perfect to use with cutting machines because they can have layers.  Depending on how the design is created will determine how many layers are in the file.  You can ungroup, divide, and cut different colors and layers without having to trace a single thing.  Your machine will automatically read the lines of the file when you send it to cut.   An SVG is basically a 3-D image that you can easily bring to life with a cutter.  You will never have to trace an SVG file. 

Already feeling a little over your head?  Take one step back and head over here where I share exactly step by step, how to open an SVG file in your cutting software.  It’s not as scary as it sounds.  Promise!

What is a PNG File

Next up let’s talk about PNG file types.  The acronym stands for Portable Network Graphic.  Let me translate, that means this image and file type can eventually get pixelated (or blurry).  If the PNG is not saved at a high resolution or if you stretch the image out too large it will turn fuzzy.  PNG files are also referred to as raster graphics or images. 

Just like an SVG file, that we talked about above, our cutting machine programs will open this PNG format.  Most designers, including myself, also always include this format inside their file downloads.  So this is where it gets a little confusing.  Unlike an SVG file, a PNG file DOES NOT have cut lines inside the file.  When you send it to cut you will only see an outline of the entire image, not the individual layers.  The file itself is flat.  You can not ungroup or move layers around (remember it doesn’t have any) to cut in different colors. 

How to Tell the Difference

If you have a file open and go to select cut lines, and it is only highlighting a box around the image instead of the lines of the image themselves you probably have a PNG file open instead of the SVG.  Let me show you what I mean.

Here is what it will look like inside of Silhouette Studio when you send the two different file types to cut.  Notice the outline on the PNG vs the cut lines on the SVG:

 

In Cricut Design Space the prompts when you first upload the file even look a little different.  When selecting the PNG file format you will be asked these questions (that don’t pop up when you upload the SVG version). 

 

If you continue to upload the PNG (or print and cut image) you can see on your layers panel on the right side on the bottom, that the SVG has individual elements you can manipulate.  The PNG print file is all one flat image and only one element in your layers panel.

 

On a side note… if you like the design used in this example above (peace, love, and soap) it is a freebie on our blog that you can download here.

Another way to spot the difference is in the original file folder.  Let’s take a closer look.

This is a screenshot of that same file from up above inside it’s folder, unzipped and ready to use.  This is viewing the contents of the folder in details mode.  From this view it is really easy to see which file format is which.  Be cautioned though… sometimes the SVG document may say HTML document.  The HTML document is the SVG file and the one you will probably want to use with your project.

When To Use What?

Now that we know the difference between an SVG and PNG image you might be wondering to yourself…, why would I ever use a PNG file with my cutting machine if it doesn’t actually have cut lines?  So glad you asked!  Let me give you a few ideas!

As I eluded to above, PNG files are great for print and cut.  Projects like making stickers or printable vinyl are the perfect way to use PNG files.  Not having to deal with all the layers and elements in an SVG file format are one of the main reasons you would want to use the PNG instead.

Next are mock up images.  PNG files typically have a transparent background which makes them perfect for mock ups.  You don’t have to mess with the elements of the design moving, shifting, or getting out of place while arranging the image digitally on the shirt.  Below is a mock up of that same file from above in the post.  Learn more about what exactly a mock up is here.

 

Another great way to use PNG files are for sublimation.  Learn all about sublimation here.  Theses file types are also so fun to design.  They can have tons of layers as you design since you will flatten the image before saving.  You don’t have to worry about any elements being too small for your machine to cut and you can get tons of shading and patterns on the file!  Here is an example of a PNG file for sublimation from inside our club.

 

Check out this quick guide of all the things we have talked about that explains the difference between SVG and PNG.

 

Quick Guide

At the end of the day both files have a spot when crafting with your cutting machine.  The file type you use really depends on what the project is you are working on.

  • Working with adhesive or heat transfer vinyl – SVG
  • Working with stencil vinyl – SVG
  • Working with printable vinyl – PNG
  • Working and printing for sublimation – PNG
  • Making paper cards or flowers – SVG
  • Making stickers for your planner – PNG

Hopefully this has helped clear the fog for you of exactly what is the difference between SVG and PNG files.  Also know you know when to use what on your cutting machines.

I can’t wait to see what you create next!  ‘Til next time, happy crafting, cutting, and chaos!

-Michelle

«
»

Tutorials 17

Comments

  1. singletondarlene4 says

    March 22, 2019 at 7:40 am

    Do I have to upgrade my cameo program to use svg’s

    Reply
    • MyDesigns says

      March 22, 2019 at 8:09 am

      Yes, SVG files can only open in the Designer edition of Silhouette Studio or higher.

      Reply
  2. Joanne L Devries says

    November 27, 2020 at 6:59 am

    what is the format difference between svg a, b, c, d, e, f?

    Reply
    • MyDesigns says

      November 29, 2020 at 3:31 pm

      I’m not sure I understand your question….

      Reply
  3. Jamie says

    December 8, 2020 at 3:12 pm

    I’m working on cleaning up my files. Is it necessary to save both the SVG and PNG file of the same image? Using my silhouette I always use SVG files but wanted to make sure I don’t need the PNG files as well.

    Thanks!

    Reply
    • jespsantiago says

      December 8, 2020 at 11:24 pm

      It’s really personal preference on saving the PNG. You do not need the PNG for cutting. They are used for different purposes.

      Reply
  4. Nikki says

    December 13, 2020 at 10:10 pm

    How can I convert a pic from pdf, png to the svs files?

    I’ve been purchasing a couple off Etsy, but would like to learn to convert my own.

    Reply
    • jespsantiago says

      December 14, 2020 at 11:21 pm

      Michelle actually offers a full course on how to create your own SVGs. You wouldn’t want to convert somebody else’s PNGs without their permission.

      Reply
  5. Julie Rivera says

    January 15, 2021 at 4:42 pm

    I’M NEW TO THE CUTTING MACHINE WORLD SO THIS INFORMATION WAS VERY HELPFUL, THANK YOU.

    Reply
    • jespsantiago says

      January 17, 2021 at 11:18 am

      So glad you found value in this. 🙂

      Reply
  6. Cassie says

    February 2, 2021 at 10:06 pm

    Whenever I upload a png to cricut design space my icon images for my sticker sheet arent coming out crisp, do you know what might cause that?

    Reply
    • jespsantiago says

      February 2, 2021 at 11:44 pm

      I don’t use a Cricut, but I’ve seen this talked about over in our Facebook group. Could it be something with the bleed?

      Reply
  7. Dorothy says

    February 17, 2021 at 9:44 pm

    I’m new to this , how do I make a file and where do I get some of patterns I’ve seen?Thanks

    Reply
    • jespsantiago says

      February 17, 2021 at 11:23 pm

      Welcome! We have tons of freebies on our blog. You can also go here to get started off with a freebie. https://www.mydesignsinthechaos.com/freebies/

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

My name is Michelle and I am the creative director behind the chaos. I love all things crafty and cutting machine related. I am so are glad you are here and hope you find inspiration and confidence to create something beautiful out of the chaos in your craft room and in life. Read More About Our Story...

  • Facebook
  • Instagram
  • Pinterest

From the Shop

  • Hello Pumpkin
  • Peace Love and Cheer
  • Peace Love Hairdresser
  • Peace Love and Video Games

Our Mission

Here at My Designs in the Chaos we strive to encourage, develop, and grow, talent and confidence, through our tutorials, project inspiration, and easy to use SVG files.
Learn More About Us

Learn More

  • Home
  • Affiliate
  • Shop
  • Privacy Policy
  • Contact

Follow on Instagram

mydesignsinthechaos

💜SVG Files
💜Project Inspiration
💜Crafting Tips
〰️and of course〰️
🧒🏼🧒🏼🧒🏼👱🏼‍♀️
Lots of Chaos
www.mydesignsinthechaos.com

Michelle
Well I really had no clue what I was doing tech wi Well I really had no clue what I was doing tech wise when I went live on IG tonight but I powered through 👊🏻👏🏻. We made the cutest little Valentines Day project with some adhesive vinyl from @expressionsvinyl. This week we will be live every day using this same design with a new project working through the craft maker process.  It’s gonna be so fun!  Now tell me, do you decorate for Valentine’s Day?  #silhouettecameo #cricutmade #craftymama #vinylallthethings
It’s the end of Day One over in our challenge an It’s the end of Day One over in our challenge and I am so excited about the results our members are having. It’s incredible to think that you can take the exact same project and have over 900 different ways to create it.  It’s so special to watch them work through the craft maker process and put their creativity into action!  #funfivechallenge #cricutmade #silhouettecameo
We are ready for the Fun Five Challenge to start!! We are ready for the Fun Five Challenge to start!! Have you joined us yet?  We (and yes I mean we because Jace was on Facebook live with me) used registration marks to make sure the vinyl lined up perfectly!  Hope to see you in the challenge!
This sounds about right for me. You too? #craftmem This sounds about right for me. You too? #craftmeme #craftmemes
Hot cocoa bar success!! This month inside our memb Hot cocoa bar success!! This month inside our membership we put the whole thing together and they got a huge bundle of designs to go with it.  What types of items do you like to have on your hot cocoa bar? #hotcocoabar #craftymom #craftylife #silhouettemade #cricutmade
Inside club chaos we’ve been doing some mini cha Inside club chaos we’ve been doing some mini challenges to get everyone crafting and experimenting with different types of projects.  I finished the ‘get the glue’ paper challenge today and while paper isn’t normally my thing I really love this sunflower.  Now I just have to find a cute place to display it. #sunflowers🌻 #craftymama  #silhouettecameo #cricut #clubchaosdesigns #craftylife
When you join Club Chaos one thing we all do toget When you join Club Chaos one thing we all do together is create swag.  It is so fun to be able to craft and connect with one another. And this is only a small glimpse of the chaos community. For some it was their very first time making a shirt and others they are seasoned pros but every single one of us walked through the full craft maker process of being inspired, creating a project, and then showing it off! That’s what this club is really all about! Let’s stop just collecting and start creating! #facesofclubchaos #crafty
Happy Halloween from my crazy chaos to yours! 🎃 Happy Halloween from my crazy chaos to yours! 🎃🕷 👻
I am just loving the way these wood slice ornament I am just loving the way these wood slice ornaments turned out from day two of the fun five challenge! I showed off tons of other ideas in stories today. Which one is your favorite? #homemadeornaments #cricut #silhouettecameo #silhouetteportrait #cricutmade #diy #craftymom #craftymama
Load More... Follow on Instagram

Sign-Up for Weekly Freebies

Copyright © 2021 · Darling Theme on Genesis Framework · WordPress · Log in