PNG to SVG converter

Turn a PNG logo, icon, sketch or clip art into a real vector SVG: shapes become paths you can scale to any size and edit in Figma, Illustrator or Inkscape. Pick how many colors to keep, compare the result 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.

Real vectors, not a PNG inside an SVG

Many "PNG to SVG" converters just wrap the PNG in an <svg><image href="data:image/png;base64,…"> tag. The file ends in .svg but it is still pixels: it blurs when you scale it up and you cannot change a single color. This tool traces the image instead. It reduces it to a palette of colors, follows the edge of every color area, and fits straight lines and curves to those edges, so the output is made of <path> elements only. Transparent areas of a PNG stay transparent.

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: JPG to SVG converter, image 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.