Convert PNG, JPG, WebP, AVIF, HEIC, BMP and GIF to real scalable SVG vector graphics — not just a raster wrapper. True color tracing runs entirely in your browser. No upload, no account, no cost.
✓ Real vector paths✓ No upload✓ Batch support✓ Free forever
Free image to vector converter. Convert PNG to SVG, JPG to SVG, WebP, BMP, or GIF — true color tracing turns each color region into a real editable <path>, not a raster image wrapped in SVG. Built for designers, developers, and print shops working with logos and icons. 100% browser-based, nothing uploads.
How to vectorize an image free: select your source format below, drop the image, adjust colors and detail, then click Vectorize. The ImageTracer.js engine traces your image into real SVG <path> elements — scalable to any size with no quality loss.
From→To
🖌️
Drop images to vectorize
or click to browse
PNGJPGWebPAVIFHEICBMPGIF
Mode
All-purpose color tracing. Works for photos, logos, illustrations, and mixed content.
Quality
Threshold128
Output
Colors
Smoothing
LowMediumHigh
Simplify
More detailSmaller file
Corners
RoundedBalancedSharp
0 SVGs ready
When to convert an image to vector
🏷️
Logos & Brand Assets
Got a logo saved as PNG? Vectorize it for use in print, presentations, and embroidery — scales to any size without blurring.
🎨
Icons & Illustrations
Convert flat-color icons and cartoon illustrations into editable SVG paths. Open in Figma, Illustrator, or Inkscape and refine.
📷
Photo to Art Effect
Use 4–8 colors to posterize a photograph into bold graphic art. Great for posters, prints, and social media graphics.
🌐
Web & UI Graphics
SVG files are resolution-independent and tiny for simple graphics. Perfect for web icons, backgrounds, and decorative elements.
Why this vectorizer?
🔀
True color tracing
Uses the ImageTracer.js algorithm to convert color regions into real SVG <path> elements — not an embedded raster image.
🎛️
Full control
Adjust palette size (4–64 colors), edge sharpness, and blur preprocessing. Every setting changes the output in real time.
🔒
100% private
Everything runs in your browser tab. Your files never leave your device — no server, no storage, no account required.
📦
Batch + ZIP
Drop as many images as you need. Process all at once and download every SVG in a single ZIP archive.
📐
Editable output
The SVG opens in Adobe Illustrator, Affinity Designer, Figma, and Inkscape as fully editable vector paths.
🖼️
PNG re-render
Download the vector as a high-quality PNG at its original dimensions — useful when you need a clean rasterization.
How to vectorize an image
1
Drop your image
Drag and drop any PNG, JPG, WebP, BMP or GIF onto the tool — or click to browse. Works best on logos, icons and illustrations.
2
Choose colors & detail
Fewer colors = simpler, cleaner vector art. More colors = richer output closer to the original. Smooth detail for flowing curves.
3
Vectorize
Click the Vectorize button. The color tracing engine runs in seconds and generates an SVG with real scalable paths.
4
Download SVG or PNG
Download the SVG for use in vector editors and the web, or re-render as a lossless PNG at original dimensions.
Output format & workflow specification
Every file produced by this tool follows the same well-defined spec. No ambiguity about what you're downloading or whether it will open in your editor.
Output format
SVG (Scalable Vector Graphics) — W3C standard, supported in all modern browsers, vector editors, and print workflows.
SVG structure
<svg viewBox> root containing one <path d="M…"> per traced color region. No embedded <image> tag, no raster fallback — pure math curves.
Path editability
Fully editable — opens in Adobe Illustrator, Figma, Inkscape, Affinity Designer, and Sketch with individually selectable paths per color region.Fewer colors → fewer paths → easier to edit. Use 4–8 colors for cleanest editable logos.
Color layers
4 to 64 colors (your choice). Each color becomes an independent path layer. Logos: 4–16 colors. Illustrations: 16–32. Photos as art: 4–8.
Batch processing
Unlimited files per session. Drop any number of images — all are processed in parallel in your browser tab with a shared progress view.
Batch ZIP download
One-click ZIP downloads all SVG results as convertlo-vectors.zip. Each file is named to match the original input.
PNG re-render
Any SVG result can be re-rendered back to a lossless PNG at original pixel dimensions — useful for clean rasterization after vectorizing.
Input formats
PNGJPGWebPAVIFHEICBMPGIF
Input file size
Up to ~50 MB per file. No server-side cap — limit is your device's available RAM.Very large photos (20 MP+) at high color counts may take 5–15 s to trace.
SVG output size
Logos / icons: typically 5–80 KB. Complex photos at 32+ colors: 500 KB–5 MB. Reduce color count or raise Smoothness to shrink output.Run output through SVGO or Figma's optimizer to compress further post-export.
Upload required
None. All processing is client-side (ImageTracer.js). Files never leave your device and the tool works offline once loaded.
Account / watermark
No account required. No watermark. No usage cap. Free forever.
True vectorization vs. raster wrapper
Not all SVG converters are equal. Some tools simply embed your PNG inside an <svg> tag — the image stays raster and still blurs when scaled. This tool runs actual color tracing, producing a file made entirely of <path> elements.
❌ Raster wrapper
Contains an <image xlink:href="data:image/png…"> tag
Blurry when scaled up — it's still a pixel grid
Cannot select or edit individual shapes
File size ≈ original PNG (base64-encoded inside SVG)
Single opaque layer, no color separation
✓ True color tracing
Real <path d="M…"> elements — pure math curves
Crisp at any zoom: billboard, favicon, retina display
Fully editable in Illustrator, Figma, Inkscape
Small for simple graphics — a logo may be under 20 KB
Separate path per color region — select and recolor individually
How to tell which type you have: open any SVG in a text editor. If you see <image xlink:href="data:image/png near the top, it's a raster wrapper. If you see <path d="M repeated throughout the file, it's a real vector. This tool always produces the latter.
What images vectorize well
Vectorization quality depends almost entirely on the source image. Use this guide to set expectations — and to choose the right color count for your specific image type.
🏷️
Logo / flat design
Excellent
2–32 solid colors, clean edges, no gradients. Produces a compact, clean SVG that edits perfectly in Illustrator or Figma.
Recommended: 8–16 colors · Off blur
⬛
Icon / UI element
Excellent
Flat geometric shapes with sharp edges trace into near-perfect vectors. Results are indistinguishable from hand-drawn SVG.
Recommended: 4–8 colors · Off blur
🖼️
Cartoon / illustration
Good
Flat-color cartoons vectorize well. Shading and gradients add many paths — raise color count to preserve detail, or reduce for a cleaner stylized look.
Recommended: 16–32 colors · Smooth detail
✏️
Clip art / line drawing
Good
Black-and-white line art traces into clean two-color SVGs. Crisp scanned art at 300 dpi+ gives the best path accuracy.
Recommended: 2–4 colors · Light blur if scanned
🎨
Photo (artistic effect)
Fair
Reducing a photo to 4–8 colors produces a bold poster-style vector with visible color regions. Great for art prints — not for realistic reproduction.
Recommended: 4–8 colors · Light blur
📷
Photo (faithful copy)
Not ideal
Faithful photo vectorization needs 64+ colors and produces enormous SVG files with thousands of paths. SVG is the wrong format for photos — use JPEG or WebP instead.
Use JPEG/WebP; vectorize only for artistic effect
Frequently asked questions
This is a real color-tracing vectorizer. It uses the ImageTracer.js algorithm to trace your image's color regions into actual SVG <path> elements — each color area becomes a filled vector shape. The output is a true scalable SVG, not a raster image wrapped in an SVG container. You can open it in Illustrator or Inkscape and edit the individual paths.
Vectorization works best on images with clean edges and limited colors: logos, icons, illustrations, flat-design graphics, clip art, and simple cartoons. Photographs and images with gradients or complex textures produce large SVG files with thousands of paths — they can be vectorized but the result is better suited for artistic effects than practical use. For photos, use fewer colors (4–8) to get a bold poster-style vector output.
Standard PNG-to-SVG conversion wraps the raster image inside an SVG container — the image stays pixelated when scaled up. This tool performs actual color tracing: it analyses your image pixel by pixel, groups pixels into color regions, and converts those regions into scalable vector paths. The result scales to any size without losing quality.
Yes. The SVG output contains standard <path> elements that open in any vector editor — Adobe Illustrator, Inkscape, Figma, Affinity Designer, and Sketch. Each color region is a separate path layer. Simpler settings (fewer colors, Smooth detail) produce fewer paths that are easier to edit.
Vectorization is a lossy process — the algorithm approximates your image with a limited set of color regions and vector paths. Photographs and complex images will look simplified or posterized. For the most faithful reproduction, increase the color count (32–64). For a clean graphic style, keep colors low (4–8) and use Smooth detail.
No. The entire vectorization runs in your browser using the ImageTracer.js library. Your images never leave your device — nothing is sent to any server. The tool also works offline once the page has loaded.
SVG stores data as mathematical path descriptions rather than pixel grids. Complex images with many color regions can produce SVG files larger than the original PNG. For web use, SVGs are most efficient for simple logos and icons. If your SVG is too large, reduce the color count and increase smoothness to generate fewer, simpler paths.
Blur applies a slight Gaussian blur to the image before tracing. This smooths out JPEG compression artifacts, noise, and fine texture — resulting in cleaner color regions and fewer stray paths. Use Light blur for JPEG photos and Medium blur for noisy images. Leave it Off for logos and crisp line art.
All SVG tools
Every SVG conversion available on Convertlo — raster to vector and vector to raster, all 100% browser-based, no upload required.