Bitmap → SVG vector auto-tracing. Most effective for logos, icons, flat illustrations.
How to use
- Upload an image (logo, icon, illustration).
- Choose a quality preset or tune colors/precision manually.
- Check the SVG preview and download if you like it.
- Adjust colors if too simple/complex.
- Lower precision = smoother curves.
Key features
- ImageTracer.js-based bitmap → SVG auto-tracing
- 5 presets (default, detailed, posterized, grayscale, B&W)
- Colors 2–32 adjustable
- Path simplification / precision slider
- Side-by-side original vs SVG
- SVG download + code copy
Use cases
- Logo vectorization — PNG-only logo → infinitely scalable SVG
- Icon cleanup — bitmap icons → SVG library
- Illustration simplification — color illustrations → minimal vector
- Print delivery — when printers require vector files
- Silhouette extraction — clean B&W silhouette
What vectorizes well vs poorly
Works well: clearly-bounded color regions — logos, icons, flat illustrations, cartoon art. Works poorly: photos, gradient-heavy images, noisy scans. Photos become larger as SVG and lose detail. Text embedded in images becomes unreadable after vectorization — better to re-add text as SVG <text> elements.
FAQ
What about photos?
Photos make larger SVGs with lost detail. Use PNG/JPG for photos.
Result looks rough.
Lower the path precision or reduce colors. Or upscale the source image first.
vs Illustrator's Image Trace?
Different algorithm but similar results. Illustrator is slightly more refined. This tool is free, instant, browser-based.
Are images uploaded?
No, all processing happens in your browser.