FreeSVGShop

File Formats

How to Convert a JPG or PNG to SVG for Free (3 Methods)

By Rachel Boyd, Cricut crafter and editor at FreeSVGShopUpdated 13 min read

You want to turn a JPG or PNG into an SVG file. This is called "vectorizing" an image. You can do it for free using several online tools or software. Vectorizing is key for Cricut projects because SVGs resize cleanly without losing quality. They cut better, too.

I'll show you three free methods: one quick online converter, a more powerful online editor, and a desktop software option. Each has its strengths. My goal is to help you pick the best tool for your specific image and get a clean SVG for your Cricut.

Why Convert to SVG?

When you work with a Cricut, SVGs are your best friend. JPGs and PNGs are "raster" images. Think of them as a grid of tiny colored squares, called pixels. When you make a raster image bigger, those squares get bigger. This makes the edges look blocky or blurry. We call this "pixelation."

SVGs, on the other hand, are "vector" images. They use mathematical paths and curves to define shapes. It's like having a set of instructions: "draw a circle here, then a line from this point to that point." No matter how big or small you make a vector image, those instructions stay clear. The lines always look smooth and crisp.

For your Cricut, this means a clean cut every single time. Design Space loves SVGs. It understands those paths and knows exactly where to tell your blade to go. If you try to cut a pixelated JPG, your Cricut might struggle to find the exact edge, leading to jagged cuts.

Plus, SVGs are usually made up of different layers or parts. This is super helpful for Cricut projects where you want to cut different colors of vinyl or cardstock. You can easily ungroup an SVG in Design Space and work with each piece separately.

Choosing the Right Image for Conversion

Not every JPG or PNG will convert perfectly into an SVG. Some images are much easier to vectorize than others. The cleaner your starting image, the better your SVG result will be.

Best Image Types for Conversion

Challenging Image Types for Conversion

Think about what you're trying to achieve. If you want to cut a multi-layered Mama SVG that was originally a flat image, the cleaner the starting image, the better.

Method 1: Convertio (Quick & Easy Online Converter)

Convertio is a super straightforward online converter. It's great for simple images that are already pretty clean. You upload your file, pick SVG as the output, and download. That's it. There are no settings to adjust. This makes it fast, but also limits your control.

Use Convertio when:

Don't use Convertio when:

Step-by-Step: Converting with Convertio

  1. Open Convertio: Go to convertio.co.
  2. Upload Your File:
    • Click the red "Choose Files" button.
    • Browse to your JPG or PNG file on your computer and select it.
    • You can also drag and drop your file into the designated area.
    • Convertio will automatically detect the input format (JPG/PNG).
  3. Select Output Format:
    • Make sure "SVG" is selected as the output format. It usually defaults to this for image conversions. If not, click the dropdown and choose "Image" > "SVG".
  4. Convert:
    • Click the red "Convert" button.
    • Wait a few moments while Convertio processes your file. The time depends on the file size and their server load.
  5. Download Your SVG:
    • Once the conversion is complete, a "Download" button will appear. Click it.
    • Your SVG file will download to your computer's default downloads folder.

Testing Convertio: My Experience

I tried converting a simple black text PNG file. It was a clean, bold font. Convertio handled it perfectly. The SVG was crisp, and the cut lines in Design Space were smooth.

Then I tried a slightly more complex image: a farmhouse SVG design with some thin lines and a few distinct colors, originally a PNG. Convertio simplified the colors a bit and some of the thinner lines became a little thicker in the conversion. It wasn't bad, but it wasn't a perfect match to the original PNG. This showed me its limitations. For very detailed or multi-colored images, you'll need more control.

Overall, for a fast, no-frills conversion of simple images, Convertio is a solid choice.

Method 2: Photopea (Online Photo Editor with Vectorizing)

Photopea is a free online image editor that looks and feels a lot like Adobe Photoshop. It can open and edit many file types, including JPGs and PNGs. The best part for us crafters? It has a "Vectorize Bitmap" feature that works surprisingly well. This method gives you more control than a simple online converter. You can clean up your image before vectorizing, and adjust some settings during the process.

Use Photopea when:

Don't use Photopea when:

Step-by-Step: Converting with Photopea

Part A: Opening and Cleaning Your Image

  1. Open Photopea: Go to photopea.com.
  2. Open Your File:
    • Go to "File" > "Open" in the top menu.
    • Browse to your JPG or PNG file and select it.
  3. Clean Up (Optional, but Recommended for Best Results):
    • Crop: If there's extra space around your image, use the "Crop Tool" (keyboard shortcut: C) from the left toolbar. Drag to select the area you want, then press Enter.
    • Remove Background: If your image has a background you don't want to be part of the SVG, you need to remove it.
      • For a solid-color background (like white), try the "Magic Wand Tool" (keyboard shortcut: W). Click on the background. If it selects most of it, press Delete on your keyboard. You might need to adjust the "Tolerance" setting in the top bar (lower for less selection, higher for more).
      • For more complex backgrounds, try the "Quick Selection Tool" (under the Magic Wand Tool). Paint over the area you want to keep or remove. Then right-click and choose "Layer via Cut" or "Refine Edge" to get a better selection. This part can be tricky and sometimes it's easier to start with a PNG that already has a transparent background.
    • Adjust Contrast/Brightness: Go to "Image" > "Adjustments" > "Brightness/Contrast" or "Levels." Sometimes boosting contrast helps the vectorization tool find cleaner edges. Make your image as close to black and white or distinct colors as possible.
    • Desaturate (for black and white conversion): If you're aiming for a black and white SVG, go to "Image" > "Adjustments" > "Hue/Saturation" and drag the "Saturation" slider all the way to the left.
    • Convert to Grayscale (for black and white): Another option is "Image" > "Adjustments" > "Black & White..."
    • Threshold (for stark black and white): This is powerful. Go to "Image" > "Adjustments" > "Threshold." It turns everything into pure black and pure white pixels. Adjust the slider until your image looks good. This is often the best step for getting clean line art.

Part B: Vectorizing the Image

  1. Select the Image Layer: Make sure your image layer is selected in the "Layers" panel (usually on the right side).
  2. Find "Vectorize Bitmap": Go to "Image" > "Vectorize Bitmap."
  3. Adjust Vectorize Settings: A new window will pop up with options. This is where Photopea shines compared to simpler tools.
    • Colors: This is important. For a simple design, you might choose "2" (for black and white). If your image has distinct colors you want to preserve, choose the actual number of colors in your design. Don't go too high, or you'll get a super complex SVG.
    • Smoothness: This controls how smooth the lines and curves will be. Higher values generally result in fewer nodes (points) and smoother curves. Too high, and you might lose sharp corners. Play with it.
    • Corners: This helps the tool decide how to handle sharp angles.
    • Threshold (if not already done): Similar to the adjustment earlier, this helps define the black and white areas.
    • Optimize: Check this box to try and reduce the number of paths, making your SVG file smaller and easier to work with.
    • Preview: The best part! You'll see a live preview of how your SVG will look on the right side. Adjust the settings and watch the preview until you're happy.
  4. Confirm: Once you like the preview, click "OK." Photopea will generate the vector path.
  5. Export as SVG:
    • Go to "File" > "Export As" > "SVG."
    • A new export dialog will appear. You usually don't need to change much here. The default settings are fine.
    • Click "Save."
    • Your SVG file will download.

Testing Photopea: My Experience

I took a JPG of a hand-drawn monogram SVG. It had a white background, but the paper wasn't perfectly clean, and the pencil lines were a bit faint in places.

First, I used "Image" > "Adjustments" > "Threshold" and played with the slider until the pencil lines were crisp black and the background was pure white. This was a critical step.

Then, I went to "Image" > "Vectorize Bitmap." I set "Colors" to 2 since it was now black and white. I adjusted "Smoothness" a bit to make the curves look natural, without being too blocky or too wobbly. The preview was invaluable here.

The resulting SVG was very good. It kept the character of the hand-drawn lines but made them smooth and cuttable. This process gave me so much more control than Convertio. It took a little longer, but the output was much higher quality for a less-than-perfect source image.

Photopea is a powerful tool. It has a learning curve if you're not used to image editors, but for vectorizing, you only need to learn a few specific functions. Don't be afraid to experiment with the settings in the "Vectorize Bitmap" dialog. That preview window is your best friend.

Method 3: Inkscape (Free Desktop Software)

Inkscape is a free, open-source vector graphics editor. Think of it as a free alternative to Adobe Illustrator. It's powerful, but it's desktop software you need to download and install. This means it can handle larger, more complex files that online converters might struggle with. The "Trace Bitmap" feature in Inkscape is incredibly robust and gives you the most control over your SVG conversion.

Use Inkscape when:

Don't use Inkscape when:

Step-by-Step: Converting with Inkscape

Part A: Installation and Setup

  1. Download Inkscape: Go to inkscape.org and download the version for your operating system (Windows, Mac, or Linux).
  2. Install Inkscape: Follow the on-screen instructions. It's a standard software installation.
  3. Open Inkscape: Launch the program. You'll see a blank canvas.

Part B: Importing and Tracing Your Image

  1. Import Your Image:
    • Go to "File" > "Import..."
    • Browse to your JPG or PNG file and select it.
    • An "Import" dialog will pop up. Choose "Embed" (this puts the image data directly into the Inkscape file, making it easier to move around). Click "OK."
    • Your image will appear on the canvas.
  2. Select Your Image: Click on the imported image once to select it. You'll see a dashed outline and arrows around it.
  3. Open "Trace Bitmap" Dialog:
    • Go to "Path" > "Trace Bitmap..." (or use the keyboard shortcut Shift + Alt + B).
    • A new dialog box will open on the right side of your screen. This is where the magic happens.

Part C: Adjusting Trace Settings

The "Trace Bitmap" dialog has several tabs and settings. Don't be overwhelmed; we'll focus on the most commonly used ones. It's all about trial and error with the "Update" button.

  1. Main Tabs:

    • Single Scan (for black & white or silhouette images): This is what you'll use most often for Cricut-ready files.
      • Brightness Threshold: This is the most important setting here. It tells Inkscape at what point pixels should be considered black (or the dominant color) versus white (or transparent).
        • Drag the slider and click "Update" to see the preview.
        • Lower values make more of the image white/transparent. Higher values make more of the image black.
        • You're looking for a clean, recognizable silhouette.
      • Edge Detection: This option focuses on finding edges in an image, which can be useful for complex line art.
      • Color Quantization: This tries to simplify the colors in your image to a set number.
    • Multiple Scans (for multi-color images): If you have a colored image and want to create separate color layers in your SVG, use this.
      • Colors: Specify how many colors you want in your final SVG. Inkscape will try to group similar shades. Keep this number as low as possible for simpler Cricut layering.
      • Stack Scans: Leave this checked if you want separate layers for each color.
      • Remove background: Check this if your image has a background you want to remove.
      • Smooth/Optimize paths: These help refine the lines created.
  2. Options Tab (Common for both Single and Multiple Scans):

    • Suppress speckles (larger images) / Smooth / Corner smoothing: These settings help clean up jagged lines and reduce small, unwanted dots. If your tracing looks messy, try adjusting these. "Suppress speckles" is great for getting rid of tiny rogue pixels.
    • Optimize paths: This tries to reduce the number of nodes (points) in your SVG, making the file size smaller and easier for your Cricut to cut. Definitely keep this checked.
  3. The "Update" Button: This is your best friend. After every setting change, click "Update" to see the preview in the dialog box. Don't close the dialog until you're happy with the preview.

Part D: Finalizing and Exporting

  1. Perform the Trace: Once your preview looks good (especially for "Single Scan," you want a solid black silhouette), click the "Apply" button in the "Trace Bitmap" dialog.
  2. Separate the Trace from the Original:
    • Close the "Trace Bitmap" dialog.
    • You'll now have two objects on your canvas: your original imported JPG/PNG and the new SVG path that Inkscape created.
    • Click on your canvas and drag one of the objects away from the other. You'll see which one is the original (pixelated, if you zoom in) and which is the traced SVG (smooth, no pixels).
    • Click on the original JPG/PNG image and press Delete on your keyboard to remove it. You only want the SVG.
  3. Clean Up Your SVG (Optional but Recommended):
    • Ungroup (if multiple scans): If you used "Multiple Scans," your SVG will likely be grouped. To edit individual color layers, select the SVG, then go to "Object" > "Ungroup" (or Ctrl + Shift + G). You might need to ungroup several times until the status bar at the bottom says "No groups to ungroup."
    • Combine Elements (if desired): For Cricut, sometimes you want overlapping parts to be a single cut. Select all parts of your SVG, then go to "Path" > "Union" (this combines them). Or "Path" > "Difference" if you want to subtract shapes.
    • Edit Nodes: For very fine-tuning, select your SVG and then click the "Edit paths by nodes" tool (the second icon on the left toolbar, looks like a white arrow pointing to a square). You can drag individual nodes or delete them to smooth lines. This is an advanced step, but very powerful.
  4. Save as SVG:
    • Go to "File" > "Save As..."
    • In the "Save as type" dropdown, make sure "Inkscape SVG" or "Plain SVG" is selected. "Plain SVG" is often best for Cricut Design Space as it strips out Inkscape-specific data that Design Space doesn't need.
    • Give your file a clear name.
    • Click "Save."

Testing Inkscape: My Experience

I often use Inkscape to create cut files from scratch, so I'm very comfortable with it. For this test, I took a more complex JPG: a distressed, vintage-looking "Mama" text design with a rustic border that I found online. This kind of image is tricky because of the intentional imperfections. You can find high-quality mama SVG files ready to go, but this was a good test.

I imported the JPG into Inkscape. Since the distress meant there wasn't a clean edge, I started with "Path" > "Trace Bitmap" and selected "Single Scan," then "Brightness Threshold." I dragged the slider carefully. Too low, and the distress points disappeared. Too high, and the background started to get speckled. It took a few tries, using the "Update" button, to find the sweet spot where the distressed edges were preserved but not overly chunky. I also checked "Suppress speckles" and "Optimize paths" to clean it up a bit.

After applying the trace, I moved the new SVG path away and deleted the original JPG. I zoomed in and saw a mostly clean, distressed SVG. A few tiny, isolated specks remained, so I used the node editing tool to quickly delete them.

The result was an excellent SVG that retained the distressed look of the original image. Because Inkscape offers so many parameters, I could fine-tune it exactly how I wanted. It's definitely the most powerful of the three methods, and while there's a steeper learning curve, it repays the effort quickly if you plan on converting images regularly.

Troubleshooting Common Conversion Problems

Sometimes your converted SVG just doesn't look right. Here are common issues and how to fix them:

Problem: Jagged or Chunky Edges

Problem: Too Many Tiny, Unwanted Dots or Specks

Problem: Missing Details or Parts of the Image

Problem: SVG Loads into Design Space as a Solid Square

Problem: Layers are Wrong or Hard to Work With

Advanced Tips for Best Results

1. Start with High-Quality Source Images

This is the golden rule. A high-resolution JPG or PNG with clear lines and good contrast will always give you a better SVG than a blurry, low-res image. Think of it like cooking: you can't make a gourmet meal from poor ingredients. Try to use images that are 300 DPI or higher if possible.

2. Simplify Your Image Before Converting

Less is more when it comes to vectorizing. Remove unnecessary backgrounds, watermarks, or small details you don't want to cut. The cleaner your starting image, the cleaner your SVG will be. For photos, try to crop around the main subject.

3. Understand Your Goal: Silhouette vs. Multi-Color

4. Practice Makes Perfect

No two images are exactly alike, so the "best" settings will change. Don't be afraid to experiment with the sliders and options in Photopea or Inkscape. Use the preview features to see how your changes affect the output before committing. The more you do it, the better you'll get at judging what settings work for different types of images.

5. Check Your SVG in Design Space

Always upload your newly converted SVG to Cricut Design Space and do a quick check.

6. Consider Licensing for Commercial Use

If you're converting an image you found online, be mindful of copyright and usage rights. Just because you can convert an image to SVG doesn't mean you have the right to sell products made with it. Many free SVG files on sites like FreeSVGShop.com come with a clear license that allows for personal and sometimes small business commercial use. Always check the source!

Real-World Project Examples

Converting JPGs and PNGs to SVG is super useful for so many craft projects. Here are a few examples I've done:

These methods empower you to take almost any image you find or create and turn it into a versatile cut file for your Cricut. No more searching endlessly for the perfect SVG – you can make it yourself!

Frequently asked questions

Can I convert a photograph to an SVG?

You can, but the results are usually not suitable for cutting with a Cricut. Photographs have millions of colors and intricate details that convert into an SVG with an overwhelming number of tiny paths and nodes. This creates a huge file that's almost impossible for a cutting machine to process accurately. Focus on line art, silhouettes, or simple images with distinct color blocks for SVG conversion.

Why does my SVG look different in Cricut Design Space than in the converter?

Cricut Design Space sometimes interprets SVGs slightly differently, especially regarding layers and colors. Often, what appears as multiple colors in the converter might load as a single color in Design Space. You can change the colors of individual layers in Design Space. Also, remember Design Space only sees cut lines, not fill colors unless they are part of the path data.

Is it always better to use Inkscape instead of an online converter?

Not necessarily. For very simple, clean, black-and-white images or silhouettes, a quick online converter like Convertio is often faster and perfectly adequate. Inkscape shines when you need precise control, have a more complex image, or want to edit the SVG paths after conversion. Choose the tool that best fits your image and your comfort level.

What resolution should my JPG/PNG be for the best SVG conversion?

Aim for the highest resolution possible. A good rule of thumb is at least 150-300 DPI (dots per inch) for the original image. The more pixels and clearer the lines in your starting image, the more information the conversion software has to create smooth, accurate vector paths. Low-resolution images often result in jagged or pixelated SVG cut lines.

Can I convert an SVG back to a JPG or PNG?

Yes, you can easily convert an SVG back to a JPG or PNG. You can do this in Cricut Design Space by taking a screenshot of your canvas. More precisely, you can open the SVG in Inkscape, Photopea, or even a web browser, and then use "File" > "Export" or "Save As" to export it as a raster image format like PNG or JPG.

About the author

Rachel has been cutting vinyl, iron-on and cardstock on a Cricut Maker since 2017 and writes every guide on this site from her own projects.

Keep reading

Ready to make something? Browse every free SVG category or read the guide to using SVG files.