Ways to turn a PNG into SVG without opening Illustrator

A logo lands as a PNG. The design system wants SVG at every size. Shipping a stretchy raster into icon slots is how edges go muddy on retina. You need paths — but not every PNG deserves a full Illustrator afternoon.

Autotracing sits on a spectrum: CLI engines, desktop suites, and browser helpers wrap related ideas with different control surfaces. None invent missing geometry. Adobe’s Image Trace guidance notes that precise geometric logos and text are often better redrawn than autotraced. Photographic PNGs remain poor vectorization targets; flat marks and high-contrast logos fare better.

Criteria worth writing down

Before picking a tool, agree on:

• Edge cleanliness at both 16px and 512px
• Whether paths must be editable (simplify, boolean, recolor)
• Color expectations (one-ink mark vs multi-color art)
• Whether the step must run unattended in CI

If those answers conflict, split the workflow (trace for rough paths, redraw critical corners).

Potrace — library and CLI lineage

Potrace transforms bitmaps into scalable vector outputs including SVG. It is the algorithmic ancestor many GUIs embed. Teams that already ship shell pipelines lean here: preprocess, threshold, trace, commit the SVG beside the PNG master.

Strengths: Scriptable, well-documented lineage, predictable for B/W marks.

Limits: Color art usually needs multiple passes or another tool. You own preprocessing quality — garbage thresholds in, spaghetti paths out.

Inkscape Trace Bitmap

Inkscape’s Trace Bitmap tutorial covers Path → Trace Bitmap with brightness cutoff, edge detection, and color quantization filters. The tracer is Potrace-derived. After tracing, Path → Simplify reduces node clutter that otherwise fights designers.

Strengths: Desktop control without Illustrator; free/open toolchain.

Limits: Output is a curve resource, not a finished brand system. Inkscape states autotracing is not a pixel-perfect duplicate of the bitmap.

Adobe Illustrator Image Trace

Illustrator’s Image Trace panel offers presets such as Black and White, Low/High Color, and Outline, then Expand for editing. Strong when the file already lives in Creative Cloud and reviewers expect .ai handoff.

Strengths: Rich presets, familiar to many brand teams.

Limits: License and app weight. Overkill for a single favicon mark on a Friday deploy. Geometric shapes and live text still often want manual construction.

Browser Potrace-style conversion

When the asset is a flat PNG on disk and installing a suite is the blocker, a tab tracer can produce a usable SVG pass. Uwarp’s Potrace page presents PNG/JPG → SVG tracing in the browser for that one-off path.

Strengths: Low setup for simple marks.

Limits: Same algorithm class as Potrace: noisy screenshots, soft photographs, and tiny anti-aliased type still need cleanup or a redraw. Browser tools also inherit device memory limits on huge rasters.

Choosing without mythology

Rule of thumb: If cleaning the autotrace takes longer than redrawing three anchors, redraw. Keep the PNG (or better, an EPS/PDF master) in brand storage when legal archives require it, and treat SVG as the delivery form for UI. Tracers accelerate marks; they do not replace judgment about whether the source should have been vector from the start.

When tracing is the wrong first move

If the PNG is a screenshot of UI with soft shadows, skip tracing and redraw the icon in vector from the design file. If the mark is trademark-sensitive, involve brand design before accepting an autotrace as “final.” Legal and marketing teams often care more about exact curves than engineers do.

For CI, store both the raster master and the SVG derivative with a short note: tracer used, threshold/preset, and who approved the paths. That note saves hours when someone “improves” the SVG six months later and breaks optical balance at small sizes.

Prefer SVG delivery for icons that must recolor via CSS (currentColor) — but only after the paths are clean enough that a fill change does not reveal leftover tracing islands.

Disclosure: This roundup includes one link to a related page on Uwarp.design (catalog / tool listing context). It is editorial guidance, not an independent third-party lab review or a hands-on benchmark of every option listed.