Image to SVG Vectorizer
Trace a PNG or JPG into scalable SVG vector paths with imagetracerjs — pick a detail preset, best for flat-colour logos and icons rather than photos.
🔒 The image is traced with imagetracerjs entirely in your browser — nothing is uploaded.
Drop images here or click to choose
Several at once is fine.
Trace raster images into scalable vector paths — best for logos, icons and flat-colour graphics. Runs entirely in your browser.
A balanced trace: 16 colours, smooth curves, tiny specks dropped, right-angle corners kept.
SVG keeps the filled colour regions exactly as previewed.
Vectorize a raster image to SVG
Turn a PNG, JPG, or other raster image into an SVG made of vector paths, so it can scale to any size without becoming blurry or pixelated. It works by tracing regions of similar colour into smooth outlines — ideal for cleaning up logos and icons, prepping artwork for cutting machines (Cricut, Silhouette), or making a small graphic print-ready.
The tracing runs entirely in your browser with imagetracerjs; your image is never uploaded. Pick a style preset to trade detail against file size, preview the result, and download the SVG. Tick Minify the SVG (same drawing, smaller file) for a leaner file: what a renderer never reads is stripped and the path data is compacted, while every shape and coordinate stays as traced. A logo scanned or exported on a white page can leave that page out: tick Leave the white background out and the near-white area reaching the edge of the picture is not traced, while white inside the design — the hole in an O, white lettering on a badge — stays. Photographs and highly detailed images produce very large SVGs, so the tool is best suited to flat-colour graphics.
Frequently asked questions
What images work best?
Logos, icons, and flat-colour graphics vectorize cleanly. Photographs technically work but produce huge, impractical SVGs because every subtle colour change becomes a path.
Is my image uploaded?
No. The image is traced with imagetracerjs entirely in your browser and never leaves your device.
What do the style presets change?
They adjust how aggressively colours are grouped and how smooth the paths are — “Detailed” keeps more shapes (larger file), while “Posterized” and “Default” simplify for a smaller SVG. “Curvy” fits every edge as a curve, “Sharp” uses straight segments only, and picking any preset writes its values into the fields below it, so you can see what was chosen and change any of it.
Can it leave the white background out of the SVG?
Yes. Tick “Leave the white background out” and the near-white area that reaches the edge of the picture — the scanned or exported page around a logo — is not traced, so the SVG holds only the design. White inside the design, such as the hole in an O or white lettering on a badge, is kept, because it does not touch the edge. It works in every colour mode and every export format, and it is off by default.
Can the SVG be made smaller without changing the drawing?
Yes. Tick “Minify the SVG (same drawing, smaller file)” and the SVG drops what a renderer never reads — the tracer’s version and description attributes, the invisible zero-width strokes, default opacity — while colours become short hex codes and path data loses the spaces and repeated commands a parser does not need. Paths are neither merged nor re-rounded, so every shape and coordinate stays as traced. It applies to the SVG output and is off by default.