Image to SVG Converter

Trace a PNG or JPG into scalable vector paths — best for logos and flat art — with live presets and an SVG stats readout.

Tracing runs locally in your browser. Your image never leaves your device.

Drop a PNG or JPG here

or click to browse — logos, icons and flat art trace best

How It Works

The image is decoded locally, downscaled to a 320-pixel working grid and read as raw RGBA data. ImageTracer then quantizes the colors, walks every color boundary to build polygons, and fits lines and quadratic curves to them — producing an SVG made of filled path elements. Changing a preset, the color count or smoothing re-runs that pipeline in your browser tab.

Color quantization first
The detail slider is the number of quantized colors (4–64). Fewer colors means fewer, larger paths and a poster-like result; more colors captures photo gradients but multiplies path count and file size. The presets tune how those colors are picked: random sampling suits photographs, iterative quantization suits flat art, and the curved preset lowers the line-tolerance so shapes follow rounder paths.
A trace is not a logo rebuild
Tracing answers "what approximate shapes reproduce these pixels", not "what designer drew this". Logos, icons and flat illustrations trace almost faithfully; photographs become large, colorful path soup; clean-edged text can stay jagged because the fitter rounds corners the original sharp type does not have. This is a scaling and mockup tool, not a replacement for a redrawn master vector.
Smoothing and file size
The smoothing toggle pre-blurs the bitmap slightly so boundaries lose speckle noise, at the cost of soft edges. Expect the honest trade-off that vectorization inverts for photos: a 100 KB JPG portrait can trace to a 400 KB SVG, while a flat logo often shrinks from tens of KB to a few. The stats line under the preview shows the real size and path count of your result.

Frequently Asked Questions

Will the SVG be smaller than my original PNG or JPG?

For photographs, usually not — traced photos are a mosaic of many colored paths and the file can even exceed the original raster. Flat art is the opposite: a logo that costs a JPG tens of kilobytes typically traces to a few KB of paths that scale infinitely. Check the size readout under the preview before you commit to the result.

Can I use this to rebuild my logo and get an editable vector?

Not reliably. The tracer approximates what it sees: shapes become filled paths, but curves are fitted automatically, text often comes out jagged, and colors are quantized to a palette. You get a usable scalable image for mockups and printing, not a clean, hand-noded vector you would hand to a sign maker. For that, a manual redraw in Inkscape or Illustrator is still the honest answer.

Which images trace best?

Logos, icons, flat illustrations, line art and silhouettes — anything with few colors and clean edges. Portraits and landscapes trace into large, colorful path soup that only reads as the original from a distance. If you must vectorize a photo, the photographic preset with a high color count gives the closest impression, and simple posters or album-art style images sit in the sweet spot between the two.

Why does tracing take a moment, and why is the preview limited?

ImageTracer is CPU-bound and runs synchronously in your browser tab, so it pauses for the duration of the trace. To keep that pause under a second or two, the image is downscaled to a maximum of 320 pixels per side before tracing — the SVG still scales to any size afterwards because vectors are resolution-independent, but fine detail below that sampling grid is intentionally smoothed away.

Is anything uploaded to a server?

No. The file is read with a local FileReader, downscaled on a canvas and traced by the ImageTracer library — all inside your browser. No network request carries your image anywhere, so the tool works offline once the page is loaded.