PNG to SVG converter
Updated Nothing is uploaded
Turn a pixel logo or icon into a scalable vector. The image is reduced to a few flat colors and every shape is traced into smooth SVG paths — not just a PNG wrapped inside an SVG file.
How to convert PNG to SVG
- Choose your PNG (a demo logo is traced so you can see the result).
- Pick a preset: Black & white for signatures and stamps, Logo for 2–4 colors, Illustration for more.
- Fine-tune Colors, Detail and Corner sharpness; tick Remove background for a transparent SVG.
- Download the SVG or copy the code.
What converts well
| Works well | Works poorly |
|---|---|
| Logos, icons, wordmarks | Photos and portraits |
| Signatures, stamps, line art | Gradients and soft shadows |
| Flat illustrations, stickers | Tiny, blurry or heavily compressed images |
Tracing describes areas of flat color with outlines. A photo has millions of colors, so its “vector” would be either huge or posterized. For photos, keep PNG/JPG — or use SVG to PNG in the other direction.
How the tracer works
- Color reduction: k-means clustering in the OKLab color space finds the main colors.
- Cleanup: a majority filter removes JPEG noise and the thin rings of in-between colors left by anti-aliasing.
- Stacking: large color areas are drawn first and each layer slightly overlaps the next, so no white hairlines appear between neighboring shapes.
- Outlines: each region's pixel edges are traced, simplified with the Douglas–Peucker algorithm, and turned into straight lines at sharp corners and smooth curves elsewhere.
Getting cleaner results
- Start from the largest, sharpest version of the logo you have; enable Precise resolution.
- Set Colors to the number of colors in the logo (plus one for the background).
- Raise “Ignore specks” to drop dust and stray pixels; lower Detail if small lettering loses shape.
Private by design
Everything runs in your browser — your images are never uploaded, stored or seen by anyone.
Related tools
Frequently asked questions
Is the SVG really vector?
Yes. The output contains only <path> elements — no embedded bitmap — so it scales to any size and can be edited in Illustrator, Inkscape or Figma.
Can I make the background transparent?
Tick Remove background. The most common color touching the image border (usually white) is left out.
Why do curves look a bit wobbly?
The source pixels are coarse. Use a bigger source image, the Precise resolution, or a higher Detail value to smooth the outline.
Is my image uploaded?
No, tracing runs on your device.
Your business here? Sponsor this tool from $9/week. See placements