How to turn an image into an SVG
- Choose a PNG or JPG, or drop it onto the box.
- Pick a style: black and white for logos, few colors for illustrations, or detailed for more shapes.
- Adjust the number of colors and the other sliders. The SVG preview updates as you go.
- Press Download SVG, or copy the SVG code.
An SVG is made of shapes instead of pixels, so it stays sharp at any size, from a favicon to a billboard. Tracing works best on images with solid areas of color and clear edges. Large pictures are traced from a copy at most 1024 pixels wide to keep the page fast.
Questions
Is my image uploaded?
No. The picture is traced inside your browser tab, in a background worker. Nothing is sent to a server.
What kind of image gives a good SVG?
Logos, icons, signatures, line art, and flat illustrations work well, especially at 500 px or larger with clear edges. Photos can be traced too, but they turn into many shapes, so the SVG is large and looks like a painting rather than a photo.
How do I get a clean black and white SVG?
Choose "Logo (black & white)" and move the cut-off until the preview matches the shapes you want. Raise "Remove small specks" to drop dust and noise. With "Transparent background" on, the white areas are left out, so you can place the SVG on any color.
Why does the SVG look different from my image?
Tracing turns pixels into flat-colored shapes, so gradients become bands and fine detail can be lost. Add colors, lower the speck setting, or pick "Detailed" to get closer. Use fewer colors and more smoothing for a simpler, smaller file.
Can I edit the SVG afterwards?
Yes. Open it in any vector editor such as Inkscape or Figma, or paste the SVG code into your page. Each color is its own group of shapes, so recoloring is easy.
Credits
Built on imagetracer.js (Unlicense). OneTooling is not affiliated with that project.