Convert Color Images to SVG Online
Upload a PNG/JPG/WebP — VTracer analyzes color layers, traces each layer's boundaries into SVG paths, then SVGO trims file size. The output is pure SVG — infinitely scalable, no pixelation.
About Color Vectorize
VTracer is a Rust tracing engine developed by VisionCortex. Unlike Potrace, which only handles black-and-white, VTracer splits an image into multiple color layers, traces each layer into its own SVG path, and merges them. The result is a full-color vector that respects the gradients and palette of the original.
After tracing we run SVGO multipass to strip junk metadata, round coordinates, and merge duplicate paths — usually a 40-60% reduction. The final SVG is compact, ready for web use, and scales to a 10m poster without pixelation.
- 3 presets: photo, poster, bw
- Sliders for filter speckle, color precision, path precision
- Auto-resize to 2048px to prevent OOM
- Automatic SVGO multipass post-trace
- Live SVG preview when tracing finishes
- Pure SVG output, no base64
How to convert a color image to SVG
- 1
Upload PNG/JPG/WebP
Drag and drop or click to pick. PNG, JPG, WebP, GIF, BMP up to 25MB. Images over 2048px are resized automatically.
- 2
Pick a preset
Photo for photographs, Poster for flat illustrations/artwork, BW for high-contrast images you want binarized.
- 3
Tweak sliders (optional)
Higher Filter Speckle removes noise but drops detail. Higher Color Precision keeps more colors but grows the file.
- 4
Click start and wait
VTracer traces, SVGO optimizes. Takes 3-30s depending on image size. Live progress.
- 5
Preview and download
Preview on a checkered background, click DOWNLOAD to save the .svg. Files live on the server for 1 hour.
When to use Color Vectorize?
Pure VTracer SVG vs fake base64-wrapped SVG
Comparison after converting a 500×500px multi-color logo PNG with OneSVG vs tools that embed base64 raster.
| Criterion | Pure SVG (OneSVG VTracer) | Fake SVG (base64 wrap) |
|---|---|---|
| Root element in file | <path>, <polygon>, <circle> | <image href="data:image/png;base64,..."> |
| Browser zoom at 500% | Crisp, smooth curves | Pixelates immediately |
| Open in Adobe Illustrator | Edit each path and color independently | One flat image — not editable |
| Print at A0 (841×1189mm) | Clean, no pixels visible | Blurry, pixels obvious |
| File size for 500×500 logo | 50-500 KB depending on complexity | 1-5 MB (heavier than the source PNG) |
| CSS/GSAP animation | Animate paths, morph, draw-on stroke | Only whole-image transforms |
| Laser cutter / CNC | OK — the machine reads the path | Unusable |
| Change color via CSS fill: | Yes, each path independently | No — the image is baked |
How does VTracer work?
VTracer is a Rust tracing engine by VisionCortex. The pipeline has three stages: quantization → clustering → bezier fitting. Quantization reduces the 16.7M-color RGB space to a few dozen representative 'clusters', controlled by color_precision (default 6 bits ≈ 64 colors).
Clustering groups neighbouring pixels of the same cluster into 'regions'. Filter speckle drops regions under N pixels² (default 4). Gradient step (VTracer 0.6+, flag --gradient_step — replaces the old layer_difference) governs how the tracer blends between similar colors.
The final stage is bezier fitting: each region boundary is fit to cubic Bezier curves with tolerance path_precision. Spline mode (default) produces smooth curves; polygon mode yields straight polygons — lighter but angular. SVGO multipass then strips metadata, rounds coordinates, and merges duplicate paths — usually 40-60% smaller than the raw trace.
Color Vectorize FAQ
Does it support transparent backgrounds?
Which preset is best for anime avatars?
Why is my output 5MB?
Is transparency preserved in the output?
Related tools
Mono Vectorize (Potrace)
Vectorize logos, icons, and black-and-white line art with Potrace — smooth curves, clean paths, minimal size.
SVG Optimizer (SVGO)
Shrink existing SVG files by up to 70% with zero visual loss: strip metadata, round coordinates, merge paths.
Batch Convert
Upload many images at once, pick a single engine (color or mono), download them all as a ZIP of SVGs.