Image to SVG Converter

About Image to SVG

Image to SVG converts a bitmap into a scalable vector file in one of two ways. Trace mode reduces the picture to a set of flat colors and outlines them as real paths, which suits logos, icons and simple artwork. Embed mode wraps the original bitmap in an SVG shell. You control how many colors, how much detail and how much smoothing.

How to use it

1. Drop a PNG, JPG, WebP, GIF, BMP or AVIF image onto the Source image area.
2. Choose a Mode: Trace to vector paths or Embed original.
3. In Trace mode, set Colours (2 to 64), Detail (0 to 8 pixels of tolerance), Smoothing and Denoise, and switch on Drop the background colour if you want it transparent.
4. Press Convert to SVG and compare the preview with your source.
5. Check the size and path count badges, then press Download SVG.

Default trace settings

A flat two-color logo at 1600 x 800 px

The logo is downscaled so its longest side is 1000 px, reduced to 16 colors by default, and returned as an SVG with a handful of paths, usually much smaller than a photo trace.

When to use it

• Turning a raster logo into a scalable version for signage or print.
• Converting a hand-drawn icon scanned as a PNG into editable vector shapes.
• Creating a stylized poster-color version of a simple illustration.
• Wrapping a bitmap in SVG so a system that only accepts vector files will take it.

Questions about Image to SVG

Will a photograph trace well?

Poorly. A photo contains thousands of gradients, so tracing creates a huge file with many paths and a posterized look. The page warns that photographs give very large output. Embed mode or the original format is the better choice.

What do the Detail and Smoothing sliders do?

Detail is a simplification tolerance in pixels: higher values give fewer points and rougher shapes. Smoothing rounds jagged corners into curves. Denoise blurs the input by up to five pixels first, removing speckle.

Why does the badge say Larger than the source?

Path data can weigh more than a compressed bitmap, especially with many colors and low tolerance. Lower the number of colors, raise Detail or increase Denoise to shrink it.

What does Embed original do?

It places the unchanged bitmap inside an SVG, so the result is exact and instant but still made of pixels. It will blur when enlarged just like the source.

Related tools

• SVG to ImageConvert SVG to PNG, JPG, WebP or AVIF at any scale, with a transparent or solid background — entirely in your browser.
• PNG to JPGEasily convert PNG images to JPG with this easy-to-use converter.
• PNG to BMPEasily convert PNG images to BMP with this easy-to-use converter.
• PNG to ICOEasily convert PNG images to ICO with this easy-to-use converter.
• PNG to GIFEasily convert PNG images to GIF with this easy-to-use converter.
• PNG to WEBPEasily convert PNG images to WEBP with this easy-to-use converter.