Skip to main content

Image to SVG

Vectorize PNG, JPG & WebP Images to SVG

Trace raster images into clean, scalable SVG paths. Color or crisp black-and-white, with adjustable detail. Built for print-quality vectors.

Drop files here

Editing defaults for new files

Color mode

Preview

No preview. Add and select files to see results.
No files yet. Drop images above or click SELECT FILES.

What is SVG?

SVG (Scalable Vector Graphics) is an XML-based vector image format. Instead of pixels, an SVG describes shapes, paths, fills, and strokes mathematically, so it can be rendered at any size without losing quality.

SVG is the standard vector format for the web. It is supported natively by every modern browser, can be styled with CSS, animated with JavaScript or SMIL, and is generally a fraction of the size of an equivalent raster image.

Supported input formats

The vectorizer accepts PNG, JPG, WebP, GIF, BMP, AVIF, and TIFF. For animated GIFs, only the first frame is traced.

When to convert an image to SVG

Vectorizing a raster image gives you a resolution-independent file you can scale, recolor, and edit. This raster-to-vector converter turns PNG, JPG, WebP, or other images into SVG when you need a logo at print resolution, a clean line drawing for laser cutting or embroidery, or a scalable illustration from a low-resolution source. Logos and icons typically shrink to 2-15 KB; photographic inputs produce 50-300 KB SVGs with simplified detail. Best results come from flat-color sources; complex photos trace, but the SVG can exceed the source PNG.

Pick a source format

Any raster image can be vectorized, but the source matters. Cleaner sources produce smaller, cleaner SVGs.

PNGJPGWebP
Typical source size5 KB - 5 MB (lossless)30 KB - 2 MB (lossy)30 KB - 2 MB
Best for vectorizingLogos, icons, illustrations with flat colorsGraphics or scans saved as JPGLogos and icons, especially transparent WebP
Watch out forPhotographic PNGs produce large, posterized SVGsCompression artifacts get traced; start from the highest-quality JPGLossy WebP smoothing can read as extra color regions; raise gradient step

How to convert an image to SVG online

  1. Drop your file (or click SELECT FILES) to add it to the queue.
  2. Adjust the options on the left (format, size, background, quality) and watch the preview update.
  3. Click SAVE ALL to download the converted file (or a ZIP if you uploaded multiple files).

Privacy and security

Your files never leave your computer. The conversion runs entirely in your browser using JavaScript and WebAssembly. There is no upload, no server, and no analytics tracking the contents of your files.

Because nothing is uploaded, the tool is safe to use with confidential logos, internal documents, and proprietary artwork.

Frequently asked questions

How can I make the output SVG file smaller?

Start with the Compact preset. It switches the path style to Polygon (straight segments instead of curves), raises the noise reduction, and lowers the color precision so fewer color layers are emitted. From there, raise Gradient step to merge similar colors, and increase Min curve length to drop short segments. The trade-off: a high color precision, Spline path style, and low noise reduction stay closest to the original but produce the largest files.

How can I simplify the shapes or reduce detail?

Try the Simplify shapes preset. It raises the Corner threshold so fewer corners are detected (the curves come out smoother), increases Min curve length to drop tiny path segments, and raises the Splice threshold for more aggressive curve merging. Bumping noise reduction also strips small specks before tracing. To stay closer to the original, lower these thresholds, use Color mode with a high color precision, and keep noise reduction low. You'll keep more detail at the cost of a larger SVG.