Skip to content
Devtoolry

Image to SVG

Convert PNG or JPG images to SVG vectors online: trace logos, icons and drawings into scalable paths with adjustable colours and detail. No upload.

Runs in your browser · Nothing uploaded · No sign-up

Something not working, or missing a feature? Send feedback

About the Image to SVG

The Image to SVG Converter traces a PNG or JPG into vector paths, so logos, icons and line drawings can be scaled to any size without blurring. Choose a style and the number of colours, compare the result with the original side by side, and download a clean SVG. Tracing runs in your browser and the image is never uploaded.

Images are processed in your browser with its built-in codecs, so your photos and screenshots are never uploaded.

How to use the Image to SVG

  1. Choose a PNG, JPEG or WebP image; flat-colour logos and drawings trace best.
  2. Pick a style: Logo, Line art, Posterized or Photo.
  3. Adjust the number of colours and the detail until the edges look right.
  4. Download the SVG or copy its code.

Common mistakes

  • Tracing a tiny or blurry image. A 64 px logo has too few pixels to find clean edges. Start from the largest version you have; images above 1200 px are scaled down for speed.
  • JPEG artefacts. Compression blocks around edges become extra shapes. Prefer a PNG export of the logo, or use the Posterized style, which smooths before tracing.

Works well with the Image to SVG

Frequently asked questions

Will a photo become a good SVG?

Rarely. Tracing turns areas of similar colour into shapes, so a photo becomes many small patches and a large file. It works best for logos, icons, signatures, cartoons and scanned drawings.

How do I get a smaller file?

Use fewer colours and less detail. A logo usually needs 2–8 colours; each colour adds a layer of paths.

Can I trace a signature or line drawing?

Yes. Use the Line art style, which keeps only black and white. Scan or photograph the drawing on a plain white background for clean edges.

Why are the edges a little wavy?

Tracing approximates pixel edges with straight lines and curves. Raise the detail for closer edges, or start from a larger, sharper image.