Image to SVG Tracer

How to convert an image to SVG

1. Drop a PNG, JPG, WebP or GIF image on the drop zone, or click it to choose one. The original appears on the left.
2. Pick a Preset: - Logo (flat colors, clean shapes) for logos, icons, stamps and flat illustrations; - Detailed (more colors and paths) for drawings with shading or many colors; - Posterized (4 smoothed colors) for a stylized, poster-like result from a photo.
3. Adjust Number of colors (2 to 64) and Ignore specks smaller than (px) if needed. The preset fills in sensible values for both.
4. Choose a Working size (longest side). The image is traced at that size; the SVG itself keeps the original dimensions.
5. Click Trace to SVG. The result appears on the right with its file size, number of paths and colors, and how long the tracing took.
6. Click Download SVG, or Copy SVG code to paste the markup into your HTML or design tool.

How tracing works

This tool uses imagetracerjs, an open-source tracer, in three steps:

1. Color quantization: the image is reduced to the number of colors you chose. Each pixel is assigned to the closest palette color, and the palette is refined over several passes.
2. Edge detection: for each color, the outlines of every area of that color are followed, including holes (such as the inside of an “O”).
3. Path fitting: the outlines are simplified into straight lines and quadratic curves, which become <path> elements in the SVG.

Areas smaller than the Ignore specks smaller than (px) threshold are dropped, which removes noise and JPG artifacts. A value of 0 keeps everything; 8 to 20 is good for logos; larger values give a cleaner but simpler drawing. Fully transparent areas are removed, so a logo on a transparent background stays transparent.

What gives good results

Tracing works best on simple logos and drawings: few flat colors, clear edges, no gradients. A scanned sketch, a black-and-white signature or a pixel-art icon traces very well with 2 to 8 colors.

Photos are a different story. A photo contains thousands of subtle tones, so a faithful vector version needs many colors and tens of thousands of paths, and the SVG ends up much heavier than the JPG. Use Posterized (4 smoothed colors) for an artistic effect instead, and don’t expect a photographic result. If the SVG becomes very large, the tool warns you.

Tips for a cleaner logo:

• start from the largest, sharpest version of the image you have;
• set Number of colors to the real number of colors in the logo (including the background);
• raise the speck threshold if you see small dots around edges.

Privacy and preview safety

The image is traced in your browser and never uploaded. The SVG preview is shown as a plain image from a private blob address, never inserted into the page, so even an unusual file can’t run code.