OneSVG Studio

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.

Color Vectorize
Pick a preset to balance quality and file size.
Filter Speckle (remove noise)4
Color Precision (color bits)6
Path Precision (path accuracy)5

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. 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. 2

    Pick a preset

    Photo for photographs, Poster for flat illustrations/artwork, BW for high-contrast images you want binarized.

  3. 3

    Tweak sliders (optional)

    Higher Filter Speckle removes noise but drops detail. Higher Color Precision keeps more colors but grows the file.

  4. 4

    Click start and wait

    VTracer traces, SVGO optimizes. Takes 3-30s depending on image size. Live progress.

  5. 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?

Vectorize illustrations
Character art, flat posters — convert to SVG so they scale to any size.
Multi-color icons for web
Complex artwork icons in full color without a forest of PNG resolution variants.
Large-format printing from small sources
Upload a 500px image, output an SVG that prints at A0 with no pixelation.
SVG animation with CSS/JS
Pure paths are ideal for GSAP or Framer Motion — animate each color layer separately.

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.

CriterionPure 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 curvesPixelates immediately
Open in Adobe IllustratorEdit each path and color independentlyOne flat image — not editable
Print at A0 (841×1189mm)Clean, no pixels visibleBlurry, pixels obvious
File size for 500×500 logo50-500 KB depending on complexity1-5 MB (heavier than the source PNG)
CSS/GSAP animationAnimate paths, morph, draw-on strokeOnly whole-image transforms
Laser cutter / CNCOK — the machine reads the pathUnusable
Change color via CSS fill:Yes, each path independentlyNo — 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?
Yes. PNG alpha channels are respected — transparent regions are not traced.
Which preset is best for anime avatars?
Try Poster first (flat illustration). If you lose too much detail, switch to Photo and lower Filter Speckle to 2-3.
Why is my output 5MB?
Detailed photos produce a huge number of paths. Lower Color Precision (6→3) and raise Filter Speckle (4→10) for a 60-80% reduction.
Is transparency preserved in the output?
Yes, the SVG leaves transparent regions unfilled, matching the source.