A free vectorizer for any common image format: trace graphics into scalable SVG in color or black and white, right in your browser. Nothing is uploaded, and there’s no account, watermark or limit.
Drop one or more images onto the drop zone. PNG, JPG, WebP, AVIF and HEIC all work, and you can mix them in one batch.
Choose Color or Black & white, then a preset: Logo, Illustration or Sketch. Advanced settings has sliders for the speckle filter, corner threshold and color precision.
Click Convert. Each image is traced on your device; the file list shows the SVG size and how many shapes it contains.
Open Preview to compare the image and the SVG side by side at up to 800% zoom. If you change a setting, click Convert again to update the results, then download the SVGs one by one or as a ZIP.
Most images are raster images: PNG, JPG, WebP, AVIF and HEIC all store a fixed grid of colored pixels. Enlarge one and you eventually see blocks or blur. SVG is a vector format: it stores shapes, curves and fill colors as text, and the browser redraws them sharply at any size.
There is no direct translation between the two. A vectorizer, also called an image tracer, groups pixels of similar color into regions, follows the boundary of each region, and fits smooth curves to it. filetidy uses VTracer, an open-source tracer that stacks colored layers from the background up, which avoids the thin gaps you sometimes see between neighboring shapes.
The quality of the result depends far more on the image than on the tool. Large images with few colors and clean edges give near-perfect SVGs. Small, blurry or photographic images give rough approximations, because the tracer has to guess where edges and colors begin and end.
Windows
Mac
Neither Preview on Mac nor Photos on Windows can trace an image; they can only save pixel formats.
Good candidates: logos, icons, badges, stickers, flat illustrations, cartoons with solid colors, line drawings, signatures, stencils, QR-code-like graphics and pixel art. These have few colors and clear boundaries, so the SVG looks like the original and is usually small.
Poor candidates: photographs, screenshots with lots of text, images with gradients, shadows, glows or soft brush strokes, and anything heavily compressed or tiny. The SVG either loses the subtle tones or needs thousands of paths, and it can be many times larger than the source image.
When in doubt, try the Logo preset first, then compare in the preview. If edges look blobby, lower the corner threshold. If the SVG has too many tiny shapes, raise the speckle filter or lower the color precision. If the image is really a drawing, switch to Black & white.
Logo suits most flat graphics: it merges similar shades and keeps corners crisp. Illustration keeps more colors and smaller details, for drawings with shading or many hues. Sketch outputs a single black layer, for ink drawings, handwriting and scanned line art.
Yes. HEIC photos are decoded in your browser just like PNG or JPG. This is handy for a photo of a drawing or a whiteboard: choose the Sketch preset and adjust the black/white threshold until the background disappears.
Not quite. A designer draws with as few points as possible and aligns shapes precisely. A traced SVG has more points and slight irregularities. It is good enough for printing, cutting and web use in most cases, and it is a useful starting point if someone later cleans it up in a vector editor.
It is the number of filled paths in the SVG. A simple logo might have ten or twenty; a detailed illustration several hundred. A very high count means the image has a lot of texture or color variation, and the SVG will be large and slow to edit.
Yes. The output is standard SVG that opens in Inkscape, Illustrator, Figma, Affinity and most other vector editors, and can be pasted directly into HTML. Each color region is a separate path, so you can recolor or delete parts.
Yes. The tracer runs as WebAssembly inside your browser, so images are never uploaded. There is no account, no watermark on the SVG and no daily limit.
Last updated October 28, 2026
Removes spots smaller than this. Raise it for noisy scans.
Lower keeps more sharp corners; higher gives smoother curves.
Higher keeps more distinct colors, with more shapes and a bigger file.
Rounds coordinates and simplifies the code. The shapes don't change visibly.