Convert PNG to SVG (vector tracing)
Turn a raster logo into scalable vector paths. Why this works beautifully for line art and produces unusable results for photographs.
Convert PNG to SVG now — PNG image to SVG vector, free, no sign-up.
This one is different in kind from every other conversion on this site. PNG and SVG do not describe the same sort of thing, so there is no direct translation between them — the image has to be redrawn.
Two incompatible models
A PNG is a grid of pixels, each with a colour. An SVG is a set of instructions: draw a path through these coordinates, fill it with this colour. Going from instructions to pixels is straightforward — you follow the instructions. Going the other way means inferring shapes from a pixel grid, which is a genuinely hard problem called vector tracing.
The tracer scans for regions of similar colour, finds their boundaries, and fits smooth curves to those boundaries. How well that works depends almost entirely on what the image contains.
What traces well
- Logos and wordmarks — flat colours, crisp edges, few distinct regions. This is the ideal case and the results can be excellent.
- Line art and inked drawings — high contrast against a clean background.
- Silhouettes, icons, and stencils — often near-perfect, because there are only two colours to separate.
- Scanned signatures — usually very good, and genuinely useful for documents.
What does not trace
Photographs. A photo has no flat regions — every area is a continuous gradient of subtly different pixels. The tracer responds by generating thousands of tiny overlapping paths, one for each small patch of similar colour. The result is an SVG that is larger than the PNG, renders slowly enough to stall a browser, cannot be meaningfully edited, and still looks worse than the original. There is no setting that fixes this; it is inherent to the approach.
Also poor: soft drop shadows, glows, anti-aliased text at small sizes, gradient meshes, and anything with film grain or JPEG artifacts. Noise reads as detail to a tracer, so it dutifully traces the noise.
Getting a better trace
Start with the cleanest, largest source you have. Specifically:
- Use the highest-resolution version available — more pixels means more accurate edges.
- Prefer a PNG with a transparent or flat background over one photographed off a screen.
- Increase contrast and remove noise before tracing if the source is a scan.
- Crop to just the artwork, so the tracer is not fitting paths to irrelevant background.
Expect to clean up afterwards
Even a good trace benefits from a pass in a vector editor — Inkscape, Illustrator, or Figma. Typical fixes are merging redundant nodes, straightening lines the tracer made slightly wavy, and correcting colours to exact brand values. Think of the trace as a fast, accurate starting point rather than a finished asset.
The honest alternative
If the artwork matters — a company logo you will use at every size for years — the best outcome is almost always redrawing it properly in a vector editor, using the trace as a reference layer underneath. Tracing is the right tool when you need a usable result in seconds; hand-drawing is the right tool when you need it perfect.