How to Convert PNG to SVG (and Get a Real Vector)

To convert a PNG to a real SVG, you need to trace the pixels into vector paths, not just save the PNG inside an SVG file. You can do that with a trace tool in Illustrator, Inkscape or CorelDRAW, by redrawing manually, or by using an AI vectorizer that rebuilds the shapes for you.

The catch is that many free "PNG to SVG converters" only wrap your bitmap in SVG code. The file ends in .svg, but it is still made of pixels. This guide shows how to tell the difference and how to get a file that scales properly.

Why so many PNG to SVG converters are fake

An SVG file is a text document. It can describe shapes, such as paths, circles and rectangles, but it can also contain an <image> element that points to a bitmap, often stored as a long base64 string. A lazy converter simply creates an SVG shell and drops your PNG inside it.

The result opens in a browser and looks fine at the original size. But the moment you enlarge it, cut it on a plotter, or open it in a design program, you find a single flat picture with blurry edges and nothing to edit.

How to check whether your SVG is truly vector

1. Zoom in. Open the SVG in a browser and zoom to 400% or more. Real vector edges stay crisp. A wrapped PNG turns soft or pixelated.
2. Open it in an editor. In Illustrator or Inkscape, click the artwork. A real vector shows paths with anchor points (nodes). A fake shows one rectangular image object, sometimes labeled "Image" or "Linked File".
3. Read the code. Open the SVG in a plain text editor. If you see an <image> tag followed by a huge block of characters starting with data:image/png;base64, it is a wrapper. A real file is full of <path d="..."> elements.
4. Try to select one color. In a vector, you can click a single shape and change its fill. In a wrapped bitmap, you cannot.

Run this test on any SVG you receive, not only the ones you create. It saves a lot of trouble before a job goes to a cutter or printer.

What actually happens in a real PNG to SVG conversion

A true conversion analyzes the pixels, groups areas of similar color, finds the edges between them, and replaces those edges with mathematical curves. This process is called tracing or vectorizing. How good the result is depends on the method and on the image.

Methods that produce real vector paths

1. Trace tools in desktop software

• Adobe Illustrator: open the Image Trace panel (Window > Image Trace), choose a preset or set the number of colors, preview, then click Expand to turn the trace into editable paths.
• Inkscape (free): select the image and use Path > Trace Bitmap. Choose a single scan for one-color artwork or multiple scans for colors, preview, then apply.
• CorelDRAW: use the bitmap trace option (PowerTRACE) from the property bar, choose a trace type and set the color count and smoothing.

These are great if you already own the software and have time to fine-tune the settings and tidy the nodes afterward.

2. Manual redrawing

Place the PNG on a locked layer and trace over it with the Pen tool. It is slow, but it gives the cleanest geometry, especially for simple logos and icons.

3. AI vectorizing

An AI vectorizer such as Vetorly tries to understand what shapes are in the picture and rebuilds them. Circles become real circles, straight edges stay straight, and curves are smooth Bézier curves with few nodes. Each color comes out as its own editable shape. You get a free watermarked preview first, and you only pay when you download the clean file. For more on how that works with different inputs, see our page about image to vector conversion.

Step by step: PNG to SVG with Vetorly

1. Go to the Vetorly tool and sign in with one click using Google.
2. Upload your PNG (or JPG).
3. Wait for the AI to build the vector, then review the free watermarked preview. Zoom in to check edges and colors.
4. If you are happy with it, use one credit to download the clean file. One credit covers every format for that image: SVG, PDF, EPS, DXF and high-res PNG.
5. Open the SVG in your editor and confirm it contains paths, not an embedded image.

Pricing is simple: $4.99 for 1 image, $14.99 for 10, $39.99 for 50 or $59.99 for 100. Credits never expire and there is no subscription. Details are on the full page with pricing.

Handling transparency

PNGs often have transparent backgrounds. When you trace, make sure the background does not become a shape of its own. Two common issues:

• A white box appears behind the artwork. The tracer treated white as a color. Delete that rectangle or choose a setting that ignores white or the background.
• Soft, semi-transparent edges. Anti-aliased edges and drop shadows contain partial transparency, which vectors cannot reproduce directly. Expect them to become hard-edged shapes or extra layers of color.

If your artwork has a transparent background and you want it to stay that way, always inspect the final SVG on both a light and a dark background to catch leftover shapes.

Colors: fewer is cleaner

Vectors work best when the image is built from flat areas of color. Every extra shade creates another shape, and a tracer that tries to reproduce every pixel variation can produce thousands of tiny pieces. Tips:

• For cutting, engraving and screen printing, reduce the image to a small set of colors on purpose.
• Remove noise and JPG artifacts before tracing when possible.
• Check whether similar colors were merged or split in a way you did not intend.
• Keep in mind that a separate shape per color is ideal for editing, because you can recolor or delete a layer in seconds.

When PNG to SVG works poorly

Be realistic about the source. Tracing is a great fit for logos, icons, line art, lettering, cartoon-style illustrations and flat AI-generated graphics. It is a weaker fit for:

• Photographs. A photo has millions of subtle tones. A vector version will look like a posterized or illustrated interpretation, and a very detailed one can be a huge, heavy file.
• Smooth gradients. Gradients are usually approximated with bands of flat color. Some editors can rebuild a gradient fill by hand, but automatic tracing rarely does it perfectly.
• Tiny, blurry or low-resolution images. Edges the tracer cannot see, it cannot rebuild. A cleaner, larger PNG always gives a better SVG.
• Textures and soft shadows. These need a bitmap or simplification.

If your image falls into one of those groups, the best approach is to simplify it first or accept a stylized result. Do not expect a vector to be a pixel-perfect copy.

SVG or another vector format?

SVG is great for the web, many cutting machines and most design tools. But printers and sign shops sometimes ask for EPS, PDF or DXF instead. Our comparison SVG vs EPS vs PDF vs DXF explains which to pick, and if your goal is cutting, the guide to making cut files for Cricut, Silhouette and lasers covers the preparation steps.

Quick checklist before you use the SVG

1. Zoom to 400% or more and confirm edges are sharp.
2. Open it in an editor and confirm you can select individual paths.
3. Search the code for <image and base64. There should be none.
4. Delete any stray background rectangle.
5. Check the color count and recolor if needed.
6. Test the file in the program or machine where it will be used.