PNG to SVG vectorizer

This tool traces a pixel image into an SVG made of colored shapes. Drop in a PNG (or a JPEG, WebP, GIF, BMP, or AVIF file), and the result appears next to the original. You can copy the SVG markup or download it as a .svg file.

What do the settings do?

Four presets carry the settings from vtracer’s own demo gallery. Default is the state that demo’s controls open in. B/W is the same thing with two-tone tracing switched on, which suits line art, signatures, and stencils. Poster raises the speckle filter and widens the gap a color must cross before a new layer starts, so flat graphics come out with fewer, larger shapes. Photo filters harder still, keeps the most color detail, and pushes the corner threshold to its maximum so nearly every turn is smoothed into a curve. Touch any individual control and the preset switches to Custom.

Underneath the presets sit the individual controls. Curve style picks between pixel (square outlines, no smoothing), polygon (straight segments), and spline (smooth curves). Filter speckle discards any patch smaller than a square of the size you set, which is how you clear up noise from a JPEG. Color precision controls how many bits per channel survive, and layer difference sets how far two colors must be apart before the tracer starts a new layer. Layers can be stacked on top of each other or cut out of one another. The curve fitting group (corner threshold, segment length, splice threshold, max iterations) only applies to polygon and spline tracing, so it disappears in pixel mode.

Is my image uploaded anywhere?

No. The tracing runs in your browser through WebAssembly, in a background worker so the page stays responsive while it works. Your image is read into a canvas, handed to that worker, and the resulting markup goes straight into the preview. Nothing leaves your device, and no copy is kept after you close the tab.

Why does a photo produce a huge file?

Tracing looks for regions of similar color, so a photograph with soft gradients turns into thousands of overlapping shapes. If the output is unwieldy, raise filter speckle, lower color precision, and raise layer difference. Vectorizing works best on images that already have flat areas of color.

The usual reasons to do this are scaling a logo you only have as a bitmap, turning a scanned drawing into something a cutting machine or laser can follow, or getting a graphic into a format that stays sharp at any size. Tracing is a guess at the shapes, not a recovery of the original artwork, so expect to nudge the settings. For the format itself, see MDN’s SVG documentation. The tracer is VTracer, compiled to WebAssembly.