✏️ Vector Tracer
Convert raster images (PNG, JPG) to clean SVG vector paths. Adjust threshold and tracing mode.
Drop an image here or click to browse
PNG, JPG, GIF, BMP — up to 10 MB
Suppress speckles smaller than this many pixels
About this tool
Vector tracing converts a raster image made of pixels (PNG, JPG, GIF) into a vector image made of smooth mathematical paths (SVG). The result scales to any size without losing sharpness — ideal for logos, icons, and illustrations that need to work at every resolution.
Example: a 400×300 photo of a black logo on a white background traces to a compact SVG with clean <path> elements. Adjust the threshold to control what counts as foreground vs. background, and turdsize to remove tiny noise specks.
FAQ
What is the best threshold value? ›
Start at the default 128 (50% gray). Lower values pick up more detail but can add noise; higher values create a cleaner, tighter trace but may drop thin lines. Adjust in small steps while watching the preview.
Why does my traced SVG look blocky? ›
The tracer works pixel-by-pixel, so a low-resolution source image produces blocky curves. Use the highest-resolution source you have. The tool auto-scales images above 1200px to stay fast, but smaller images pass through at their native size.
Can I trace color images? ›
Vector tracing produces monochrome (black/white) paths. The threshold slider converts the image to black-and-white before tracing. For full-color vectorization, use a dedicated illustration tool like Inkscape or Adobe Illustrator.
How do I use the SVG in my website? ›
Copy the SVG code and paste it directly into your HTML. Since it is a pure <code><svg></code> element with paths, it can be styled with CSS (fill, stroke, etc.) and will stay crisp at any zoom level.