Trace Image to SVG

What is image tracing?

Image tracing is the process of automatically detecting colour boundaries in a raster image and converting them into vector shapes. The algorithm analyses groups of same-coloured pixels and represents each group as a geometric region — typically a rectangle or path — described in SVG syntax.

The result is an SVG file that visually resembles the original but can be scaled infinitely without pixelation.

How automatic tracing works in this tool

This browser-based tracer uses a multi-step process entirely in client-side JavaScript: first the image is downsampled to the target resolution, then colours are quantised into a small palette, and finally horizontal run-length encoding groups adjacent same-colour pixels into <rect> elements in the SVG. The output is compact and immediately usable.

How to trace an image to SVG

1. Select or drop your PNG, JPG, or WebP file above
2. Set colour levels to 2–4 for logos; 8–12 for illustrations
3. Add a small blur (0.5–1.5) to soften pixel edges before tracing
4. Click Re-convert to apply new settings instantly
5. Download the traced SVG directly to your device

Privacy-first image tracing

Services like Adobe Illustrator's Live Trace, Vectorizer.ai, and Vector Magic all require you to upload your image. This tool instead processes your image locally — nothing is transmitted or stored. It works fully offline after the initial page load.

Frequently Asked Questions