Vectorize Image
Choose a picture of a logo, an icon or a drawing, and get an SVG traced from it on your device, shown next to the original so you can check it.
Black and white traces only the dark parts. For a logo, choose the colors it really has, counting the background unless it’s see-through.
Fine keeps small specks and follows edges closely. Simple drops specks and smooths edges, for fewer shapes.
Choose a logo, an icon or a drawing to trace.
Your picture stays on your device: it’s traced in this page, and nothing is sent or saved. Tracing suits logos, icons and drawings, not photos, and the result needs checking before you use it.
From pixels to shapes that scale
A PNG or JPG is a grid of pixels, so it blurs or turns blocky when you enlarge it. An SVG describes shapes instead, so it stays sharp at any size, from a favicon to a banner, and a designer can edit it. Tracing finds the edges between the colors in your picture and draws smooth outlines along them. The tracing engine is imagetracerjs, an open-source tracer released into the public domain, run here in your browser.
How to use it
- Choose a picture, drop it on the box or paste it: PNG, JPG, WebP, AVIF, GIF or BMP, up to 25 MB.
- Pick the colors and the detail. The picture is traced again each time you change one.
- Compare the SVG with the original side by side, then download it or copy its code.
What the settings do
- Black and white traces only the dark parts of the picture, as black shapes with nothing behind them.
- 3 to 16 colors: the tracer finds up to that many main colors and traces each one. Choose the number the picture really has; extra colors can add thin outlines along soft edges.
- Detail: Fine keeps small specks and follows edges closely. Simple drops specks and tiny holes and smooths the edges, for fewer shapes and a smaller file. Normal sits between them.
Getting a clean result
- Start from the largest, sharpest copy you have. Pictures over 1,000 pixels on their long side are scaled down first, which keeps tracing quick and is plenty for most logos.
- Crop away what you don’t need with Crop Image, so the tracer spends its shapes on the part that matters.
- Try fewer colors when the SVG looks busy: each color is traced on its own, so fewer colors mean fewer shapes.
Good to know
- See-through parts stay clear. Pixels more than half transparent are left out; the rest are traced as solid color.
- Photos don’t suit tracing. Soft shading becomes thousands of blotches, a large file and a slow trace.
- Easy to edit: each color is one group and each shape one path, so you can recolor or delete parts in a vector editor.
- Need a PNG again, at a new size? SVG to PNG turns the SVG back into sharp pixels, and the Favicon Generator makes site icons from it.