Vectorizer Pro – Convert Images to SVG (Potrace WASM)

Vectorizer Pro turns raster images (PNG, JPG, WebP) into clean, scalable SVG graphics—entirely in your browser. Powered by Potrace WASM, it delivers studio-quality tracing for logos, line art, and flat illustrations with color layering, auto thresholding (Otsu), despeckle, dithering, and fine-grained curve controls.

Key Features

  • Color Layers (Multi-pass): Quantize colors, then trace each color into its own SVG layer.
  • Black & White Mode: Ideal for line art and monochrome logos.
  • Auto Threshold (Otsu): Smart threshold selection; optionally fine-tune manually.
  • Despeckle & Simplify: Remove tiny artifacts (turdSize) and control path simplification.
  • Curve Fidelity (alphaMax): Balance sharp corners versus smooth curves.
  • Prefilters: Gentle blur/denoise, contrast/brightness, and edge-assist (Sobel) to strengthen lines.
  • Dithering: Ordered Bayer 4×4 to reduce banding before quantization.
  • Privacy-First: All processing runs locally in your browser—no uploads, no tracking.
  • Export: Copy SVG, download SVG, and download PNG (rasterized from SVG).

How to Use

  1. Upload a PNG/JPG/WebP. Large images are auto-resized to a safe working size.
  2. Choose a Mode:
    • Color Layers – Best for logos/flat art. Set Max Colors (4–10 works well).
    • Black & White – Best for line drawings. Use Auto (Otsu) then tweak if needed.
  3. Adjust Prefilters: apply a small blur for JPEG noise, tweak contrast/brightness, and try Edge-assist for thin lines.
  4. Refine Tracing Controls:
    • Despeckle (turdSize) 2–6 removes dust.
    • Simplify (optTolerance) higher = fewer nodes; lower = more faithful.
    • Curve Fidelity (alphaMax) lower for sharper corners; higher for rounder curves.
    • Turn Policy handles ambiguous corners (try minority or black for logos).
  5. Click Trace to SVG. Review the Processed preview and the final SVG tab.
  6. Export: Copy SVG code, Download SVG, or Download PNG. Optionally set a solid background.

Best Practices

  • Start with a clean source (high-contrast, minimal compression artifacts).
  • For logos: keep Max Colors tight (4–8) and enable Despeckle.
  • For line art: use Black & White, enable Auto (Otsu), then fine-tune threshold.
  • If curves look blobby: lower alphaMax or optTolerance. If too jagged: increase them slightly.

Troubleshooting

  • Too many tiny shapes? Increase Despeckle and reduce Max Colors.
  • Contours missing? Raise contrast, enable Edge-assist, or lower threshold.
  • Colors look banded? Enable Dithering or increase Max Colors slightly.
  • Large SVG size? Increase Simplify or reduce Max Colors.

Privacy & Performance

All processing runs within your browser via WebAssembly. Nothing is uploaded to our servers. Very large images may be downscaled to prevent memory errors and keep tracing responsive.