Documentation · Assets
Back to toolPNG to SVG Vectorizer
Turn PNG, JPG, or WebP images into a vector SVG right in the browser. The image is read, preprocessed, and traced on your device — nothing is uploaded to a server.
All processing happens locally, in your browser (in a Web Worker). The image never leaves your device.
What vectorizing does well (and what it doesn't)
Vectorizing traces color outlines over the pixels — it is not an exact conversion.
- Great for logos, icons, symbols, and flat illustrations with few colors and crisp edges.
- Poor for photos and images with gradients, textures, or fine detail: the result gets heavy and inaccurate.
How to use
- Add a file (drag, pick) or paste an image from the clipboard.
- Tune preprocessing and trace parameters; the preview updates on its own.
- Download or copy the SVG.
When the tool detects a dominant solid background, it suggests turning on background removal — you can accept or dismiss it.
Preprocessing
Before tracing, the image goes through adjustments that help clean up the source:
| Control | What it does |
|---|---|
| Scale (1× / 2× / 4×) | Upscales the image before tracing — useful for small or pixelated sources. |
| Background removal | Makes a white, black, or auto (detected dominant color) background transparent. |
| Mode | Color (multiple colors) or Monochrome (black and white via threshold). |
| Brightness / Contrast | Boosts the separation between subject and background. |
| Sharpen / Blur / Noise reduction | Soften or reinforce edges before tracing. |
| Color quantization | Caps the palette (2 to 64 colors) for cleaner paths; Original keeps the colors. |
In monochrome mode, the threshold (0–255) sets the black/white cutoff.
Tracing and paths
The parameters below control how outlines become SVG paths:
| Control | What it does |
|---|---|
| Paths | Curves (smooth splines), Polygons (straight lines), or Pixels (faithful blocks). |
| Corner threshold | How easily a curve turns into a sharp corner. |
| Curve simplification | Reduces nodes, making the path lighter. |
| Path precision | Decimal places for coordinates — more precision, larger file. |
| Min area / speckles | Drops blobs smaller than the value, removing trace noise. |
The stats show dimensions, estimated colors, SVG size, the number of paths and nodes, and the reduction versus the original.
Formats and limits
- Input: PNG, JPG, and WebP, up to 8 MB.
- Maximum source dimension: 4096 px per side.
- Output: always SVG.
Technology used
- VTracer (via WebAssembly) traces the bitmap: it clusters color regions and fits curves.
- SVGO optimizes the resulting SVG, stripping redundant data.
- Raster preprocessing (brightness, contrast, blur, sharpen, quantization, threshold, and background removal) runs in the browser.