How to Convert .PNG to .SVG

Recommended workflow

1. First, the honest question: should you vectorize this image?. This is the step most tutorials skip, and it is the most important one. Vectorizing (tracing) converts pixels into mathematical paths — and it only produces good results on the right kind of source. It works beautifully on flat logos, icons, simple illustrations, text-based graphics, and line art: images made of solid colors with clean edges. It fails on photographs, gradients, shadows, and anything with fine texture: the tracer cannot invent the millions of color transitions in a photo, so you get a bloated, posterized mess that looks worse than the PNG and can balloon to many times its file size. Quick test: squint at your image. If you can describe it as "a few flat shapes" — vectorize away. If you see gradients, photographic detail, or subtle shading — keep the PNG. A [PNG](https://anyfilex.com/file-extensions/png) is already the right format for detailed raster graphics; an [SVG](https://anyfilex.com/file-extensions/svg) is the right format for resolution-independent shapes. (For photographic web graphics where file size matters, [WebP](https://anyfilex.com/file-extensions/webp) is the modern raster answer — smaller than PNG, though still not a vector.) Converting between them only makes sense when the image belongs in the destination's world. When in doubt, run a quick test trace at low settings first — thirty seconds of previewing tells you more about suitability than any amount of theorizing about your image. A quick word on what SVG actually is, because it shapes every decision below: SVG is an XML-based vector format, meaning the image is described as shapes, paths, and colors in text rather than as a grid of pixels. Tracing — the process converters use — analyzes your PNG's pixels and redraws them as vector paths, and open-source engines like Potrace have been doing this reliably for years. The quality of the result depends entirely on how 'traceable' your source is: sharp edges and flat colors trace into clean, tiny paths, while gradients and noise trace into thousands of messy ones. Understanding that the output is a reinterpretation, not a recovery, keeps expectations honest before you convert anything.
2. Method 1 — Inkscape Trace Bitmap (free, best control). Inkscape (free, open source, from inkscape.org) has the best free tracer available. Import your PNG via File > Open, click it to select it — this matters, tracing only operates on the selected image — then open Path > Trace Bitmap (or Shift+Alt+B). You get two families of options. Single scan produces one path: ideal for black-and-white logos or silhouette-style graphics, where you set a brightness threshold and everything darker becomes a filled shape. Multiple scans produce a group of paths: choose Colors and set the number of scans to the number of distinct colors in your artwork, and Inkscape traces each color band separately, stacking them into a full-color vector. Two options deserve attention: Smooth rounds jagged edges, and Stack scans layers the color paths so nothing shows through. Click Update to preview, tweak until the preview looks clean, then Apply. Delete or hide the original bitmap underneath, and save as Plain SVG. Expect to spend a few minutes tuning — the defaults are a starting point, not a finish line.
3. Method 2 — Illustrator Image Trace (if you have it). Adobe Illustrator's Image Trace (Window > Image Trace) is the polished commercial alternative. Select your placed PNG, open the Image Trace panel, and pick a preset: "Black and White Logo" for single-color marks, "3 Colors" or "6 Colors" for simple multicolor graphics, "High Fidelity Photo" if you insist on tracing a photo (expect the enormous, messy result described above). The Advanced section is where quality lives: crank Paths and Corners up for smoother curves, raise Noise to ignore speckles and compression artifacts, and uncheck Snap Curves To Lines only if you want organic rather than geometric curves. Then hit Expand to convert the tracing into editable paths. Illustrator's tracer is genuinely better than Inkscape's at difficult sources — but "better at tracing a photo" still means "a prettier failure." Use it for logos and illustrations, not photography. After tracing, always hit Expand and ungroup the result so you can delete background shapes and stray paths individually — the raw Image Trace output is a single grouped object that is awkward to edit directly.
4. Method 3 — Online vectorizers (fastest for simple jobs). For a quick logo trace with no install, online auto-tracers like Vectorizer.AI produce impressively clean results on suitable sources — often better than a beginner's first Inkscape attempt, because their models were trained specifically on this task. Upload the PNG, wait for the trace, download the SVG. Two honest caveats. First, privacy: you are uploading your image to someone else's server, so keep client logos under NDA and unreleased brand work local with Inkscape instead. Second, quality varies with the source exactly as described above — no online tool rescues a photo, and the good ones will show you a preview so you can judge before downloading. For one-off conversions of simple graphics, though, this is legitimately the fastest route from PNG to SVG in existence. Do use the preview reputable vectorizers show you — they render the result before download precisely so you can reject a bad trace without wasting a download.
5. Method 4 — Command line: potrace and vtracer. For scripted or batch work, command-line tracers fit into pipelines. Potrace is the classic: it traces black-and-white bitmaps into smooth vector paths (`potrace input.bmp -s -o output.svg` — note it wants a BMP, so convert the PNG first). It is superb at what it does and terrible at everything else: one color, no gradients, which is perfect for engraving, vinyl cutting, and single-color logos. Vtracer is the modern alternative that handles color, built for exactly the PNG-to-SVG job with sensible defaults. The command-line route shines when you have dozens of icons to convert identically, or when tracing is one stage in an automated asset pipeline. For a single logo, the visual feedback of Inkscape will get you a better result faster — use the terminal when you have scale, not when you have one file.
6. Clean up the trace before you ship it. Auto-traced SVGs almost always need five minutes of cleanup. First, simplify: tracers generate far more nodes than necessary, and Path > Simplify (in Inkscape) or Object > Path > Simplify (in Illustrator) can cut node counts dramatically with no visible change — smaller file, smoother curves. Second, check the background: if your PNG had a white background you did not want traced, the trace now contains a big white rectangle; delete it or re-trace with the background excluded. Third, look for strays: tiny speck paths from JPEG-style noise or anti-aliasing artifacts, especially around text. Delete them or raise the noise threshold and re-trace. Fourth, verify at multiple sizes: zoom to 1600% to check curve quality, then view at the actual usage size — a trace that looks perfect huge can look muddy as a favicon. Finally, compare against the [JPG](https://anyfilex.com/file-extensions/jpg) original if this started life as a photo someone asked you to "make vector": if the trace looks worse than the source at every size, the honest deliverable is the original raster file, not a bad vector.
7. When to redraw instead of trace. There is a point where auto-tracing stops being the right tool, and recognizing it saves hours. If the logo is simple enough — a wordmark in a standard font, geometric shapes, a basic icon — redrawing it by hand in Inkscape or Illustrator often takes less time than cleaning up a trace, and the result is far better: real text objects instead of blobby letterforms, perfect circles instead of hundred-node approximations, clean alignment instead of near-misses. This is especially true for text-heavy graphics: tracers turn lettering into filled outlines that look fine at a glance but fall apart under scrutiny, while re-typesetting takes minutes if you can identify the font. Another red flag is a client asking for "the vector version" of a tiny, low-resolution raster — no trace can recover detail that was never there, and the honest deliverable is either a redraw or a conversation about expectations. Auto-trace is a shortcut for suitable sources, not a magic wand; the best vector artists use it as a starting sketch, then redraw the important parts properly.