Image to SVG converter (vectorizer)

Vectorize any image: PNG, JPG, WebP, GIF or BMP. Shapes are traced into SVG paths you can scale to any size and edit in a vector editor. Choose a mode (logo, black and white, illustration or photo), compare with the original, and download the .svg. Free, and your image never leaves your browser.

Image

No image yet. You can also drop a file on this box or paste one (Ctrl+V).

Settings

Mode
Colors

Detail
Blur first

Trace size
Remove white background

Trace size is the longest side the image is traced at; the SVG keeps the original width and height. Bigger is more accurate but slower.

Which images vectorize well

Tracing works best on images made of flat areas of color: logos, icons, text, line art, signatures, cartoons, stencils and screenshots of simple diagrams. Photos can be traced too (the Photo mode keeps 32 colors with a light blur), and they come out as a poster-style illustration rather than a sharp copy, with a much larger file than the JPG. For a photo that must look like a photo, keep it as JPG or WebP.

Which settings to use

Logo / icon keeps up to 6 colors with balanced detail. Black & white traces two colors, for signatures, stamps, stencils, cutting machines (Cricut, Silhouette) and laser engraving. Illustration keeps 16 colors for clip art and cartoons. Photo keeps 32 colors and blurs lightly first. For images with no transparency, a rectangle in the image's average color sits under the paths, so tiny areas the tracer skips don't show as holes. Changing the mode sets the colors, detail and blur; you can then adjust each one. If the result has stray specks, lower the colors or pick Smooth; if corners look rounded or small text melts, pick Fine or a bigger trace size.

How it works

Your browser decodes the image onto a canvas, downsizes it to the trace size, and hands the pixels to ImageTracer.js in a background worker. It quantizes the colors, finds the outline of every color area (holes included), and fits lines and quadratic curves to each outline. The paths are scaled back to the original size, so a 512×512 PNG gives a 512×512 SVG with a matching viewBox. Nothing is uploaded, and it works offline once the page has loaded.

Other converters: PNG to SVG converter, JPG to SVG converter. Going the other way: SVG to PNG, SVG to JPG, SVG to ICO.

Render pages and HTML to images from code

Need PNG, JPG, WebP or PDF captures of web pages or HTML templates at scale? The Shotmint API renders them in Chromium, SVG included:

curl "https://shotmint.creasework.com/v1/screenshot?url=https://example.com&width=1280" -H "X-API-Key: YOUR_KEY" -o page.png

Each screenshot or PDF is 1 credit. €5 buys 2,000 with no subscription, and credits never expire.

Get 25 free renders a month Try HTML to image

FAQ

Is my image uploaded? No. Tracing runs in JavaScript on this page.

Is the output a real vector? Yes. The SVG contains only <path> elements, with no embedded bitmap, so it stays sharp at any size and every shape can be recolored or edited.

Why is my SVG bigger than the PNG? Detailed images, and photos especially, need thousands of paths. Fewer colors, Smooth detail and a smaller trace size all shrink the file. Logos usually come out at a few KB.

Does it work for Cricut or laser cutting? Use Black & white mode with Remove white background: the SVG then has only the dark shapes, ready to import as a cut or engrave layer.

Is there a limit? No limits and no watermark. Animated GIF and WebP files are traced as their first frame.