- shapes
- —
- SVG size
- —
Drop an image here
or click to choose · or paste (Ctrl/Cmd + V)
processed in your browser · never uploaded
Turn a raster image (PNG, JPG, WebP — made of pixels) into an SVG (a vector image made of shapes). Because an SVG stays crisp at any size, this is ideal for re-creating logos, icons, symbols, stickers, cutting-machine art, and pixel art — anything with a limited palette and clean edges. The tool works by quantizing the image to a chosen number of colors (2–16), then merging each same-color region into filled paths to assemble a single SVG. Raising the color count makes the result more faithful to the original; lowering it gives a flatter, simpler, more logo-like result. Raising the detail captures finer shapes but increases the SVG size (shape count). The result previews instantly and shows the shape count and SVG file size, so you can dial in the right granularity. Save it with "Download SVG" or grab it with "Copy SVG code" to paste straight into Illustrator, Inkscape, Figma, or the web (HTML/CSS). It does the same job as Illustrator's or Inkscape's "image trace" — without installing software or signing up. Your image is your artwork or logo, so this tool uploads nothing: loading, converting, and saving all happen locally in your browser.
How to use
- Drop the image you want to vectorize (PNG/JPG, or click to choose, or paste with Ctrl/Cmd+V).
- Adjust the color count (2–16) and detail — it re-converts instantly without reloading, showing the shape count and SVG size.
- Use "Download SVG" to save a file, or "Copy SVG code" to paste into Illustrator, Inkscape, Figma, or your web page.
FAQ
Are my images uploaded to a server?
No. Loading, vectorizing, and saving all happen in your browser. The image is never uploaded, stored, or sent anywhere — everything is processed only on your device.
What kind of images convert to SVG well?
Logos, icons, symbols, illustrations, and pixel art — images with few colors and clean edges — convert best. Photos with smooth gradients and fine tonal detail tend to produce many shapes and heavy files even at higher color counts, so tune the colors and detail to suit your use.
What do "colors" and "detail" change?
Colors sets how many representative colors the image is reduced to: more is more faithful, fewer is flatter and more logo-like. Detail sets the tracing resolution: higher captures finer shapes but increases the shape count (and SVG size). Use the live preview and shape count to balance them.
Can I edit the SVG in Illustrator or Inkscape?
Yes. The output is a standard `<path>`-based SVG, so you can open it in Illustrator, Inkscape, Figma, or Affinity to edit paths and colors, or paste the code directly into HTML/CSS for the web.
Does it produce smooth curves?
This tool merges color regions into filled (rectangular) paths rather than fitting curves, so it vectorizes the quantized boundaries directly and keeps edges faithful to the source. For a smoother look, raise the detail and then run path simplification in Illustrator or Inkscape on the exported SVG.
How is a transparent background handled?
Nearly transparent pixels are left unpainted, so a transparent (cutout) PNG stays transparent in the SVG — no white background is added.