Convert an image to SVG

Turn a bitmap into a true SVG of editable paths, scalable to any size.

Drop an image here or click to choose files You can also paste an image with Ctrl+V

Works best on flat artwork — logos, icons, line drawings, screenshots. Photographs can be traced too, but every shade becomes another shape, so expect a large file and a poster-like result rather than a faithful copy.

This is real tracing, not a PNG wrapped in an <svg> tag. Each area of flat colour is found and turned into a filled path, so the result is genuinely resolution-independent — enlarge it to a billboard and the edges stay clean.

That also sets the limits. Tracing suits flat artwork: logos, icons, line drawings, diagrams, screenshots, simple illustrations. It can trace a photograph, but every subtle gradient becomes another layer of shapes, so you get a poster-like approximation in a large file rather than a faithful copy.

Start with the colour count. Fewer colours means fewer shapes, a smaller file and a cleaner look; more colours means closer to the original and heavier. The other sliders mostly clean up afterwards.

How to use it

  1. Drop in a PNG, JPG, WebP, GIF or BMP.
  2. Set the number of colours — fewer is usually better than you expect.
  3. Use “Remove specks” to clear up stray dots, and the detail slider to smooth or tighten edges.
  4. Download the SVG, or copy the code straight into your page.

Frequently asked questions

Is this a real vector file?

Yes. The SVG contains <code>&lt;path&gt;</code> elements with real outlines, which you can open and edit in Inkscape, Illustrator, Figma or Affinity. It does not embed the original bitmap anywhere.

Why does my photo look like a poster?

Because that is what tracing does: it reduces the image to a limited set of flat colours and draws the boundaries between them. Photographs have no flat regions, so the result is always a stylised version. For photos, an <a href="/upscale-image/">AI upscale</a> is usually what people actually want.

Why is my SVG so large?

Every shape costs bytes, and colours multiply shapes. Drop the colour count, raise “Remove specks”, and lower the detail slider — a 16-colour trace is often ten times the size of an 8-colour one with little visible gain.

Is my image uploaded?

No. Tracing runs on your own device, in a background thread so the page stays responsive. Nothing is sent anywhere.

What size is the output?

Images are traced at up to 1000 px on the longest side, because tracing cost grows quickly with pixel count and detail past that rarely survives anyway. The SVG carries your original dimensions and scales to any size from there.

Does it keep transparency?

Yes — transparent areas of a PNG stay transparent, so a logo traced here drops onto a coloured background cleanly.

Can I go the other way, SVG to PNG?

Yes, with <a href="/svg-to-png/">SVG to PNG</a>.

More free tools

All images →