How to convert an image to SVG
- Choose a PNG, JPG or WebP image. A clear picture on a plain background works best.
- Pick the number of colours (2 for black and white) and a detail level. The preview updates each time.
- Check the shape count and file size, then download the .svg file or copy the code.
How the tracing works
The picture is first reduced to the number of colours you choose. Then the edges of each colour area are followed and fitted with straight lines and curves: Simple allows 2 pixels of error and drops shapes shorter than 16 points, giving smooth, light files; Detailed allows half a pixel and keeps almost everything. Large images are traced at a smaller size (600, 800 or 1200 pixels on the longer side) for speed, and the SVG is scaled back to the original dimensions.
Example
A 3000 × 2000 logo at Balanced detail is traced at 800 × 533 pixels; every coordinate is then multiplied by 3000 ÷ 800 = 3.75, so the SVG is still 3000 × 2000 and can be enlarged further without blurring.
Tips
- Crop away empty space and remove any background first: the Photo editor can crop and boost contrast.
- Too many tiny shapes? Use fewer colours or Simple detail. Missing details? Use Detailed.
- To make a finished SVG smaller, run it through the SVG optimizer.
Tracing uses imagetracerjs by András Jankovics, released into the public domain (The Unlicense).