JPG to SVG converter

Convert a JPG or JPEG into a real vector SVG made of paths: a scanned logo, a signature, a drawing or a simple photo. Remove the white background, pick how many colors to keep, 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.

Getting a clean SVG from a JPG

JPG compression adds faint blocks and halos around edges, and a tracer turns each of them into a tiny shape. Three settings fix most of it: fewer colors (a two-color logo needs 2 to 4, not 16), Smooth detail, which drops specks and straightens jittery edges, and a light blur, which melts compression noise before tracing. JPG has no transparency, so Remove white background (on by default here) clears the white area connected to the edges of the image and leaves white parts inside the artwork alone.

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, 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.