PNG to SVG

Trace a PNG or JPG into a real vector SVG โ€” logos, icons and flat art vectorized.

About this converter

Turns a bitmap into vector paths: the open-source ImageTracer algorithm groups the image into a handful of colours and fits smooth curves around each region. Three detail levels, live preview on a checkerboard, SVG download or copy. All on your device.

What vectorizes well โ€” and what doesn't

Tracing works by finding regions of similar colour and drawing their outlines, so it thrives on things that ARE regions: logos, icons, clip art, line drawings, screenshots of flat UI, scanned signatures. The reward is real โ€” an SVG scales to a billboard without a pixel in sight and often weighs less than the PNG. Photographs are the honest failure: gradients and texture have no clean edges, so tracing produces posterised colour blobs, striking as art and useless as a photo. Detail settings trade fidelity for path count โ€” four colours for a clean logo, sixteen for shaded illustration. Low-resolution sources trace into wobbly edges; feed it the largest, cleanest version you have. Rasterising the other way is SVG to PNG; the SVG optimizer shrinks the traced file further, and the favicon generator takes a traced logo the rest of the way.

Frequently asked questions

Will my photo become a real vector?

It will become a vector โ€” of posterised colour regions, not of the photo's detail. Tracing needs edges; photos are gradients. Logos, icons and flat art are what this is for.

Which detail setting should I use?

Simple (4 colours) for logos and icons, Balanced (8) for most graphics, Detailed (16) for shaded illustrations. Fewer colours means cleaner paths and smaller files.

Is the SVG editable?

Yes โ€” it's ordinary path data, editable in Inkscape, Illustrator, Figma or by hand. Each colour region is its own path.

Is the image uploaded?

No โ€” tracing runs in your browser. Very large images are downscaled to 800 px on their long side before tracing, which is plenty for outline detection.