Skip to content
Kordu Tools
Image Tools Runs in browser Updated 10 Apr 2026

PNG to SVG Converter — VTracer & Fast Trace

Vectorize images to SVG with two engines — a fast bitmap tracer for logos/icons and a VTracer WASM engine for high-quality photo and color artwork tracing.

Tracing engine

Instant in-browser tracing. Best for flat art with distinct colours.

Tracing detail

8 colours. Higher detail = larger SVG.

Click to upload or drag and drop

PNG, JPG, JPEG, WEBP up to 10MB
Loading rating…

How to use PNG to SVG Converter — VTracer & Fast Trace

  1. Open the PNG to SVG converter

    Visit the tool on kordu.tools — no account or installation needed.

  2. Upload your image

    Click the upload area or drag and drop a PNG, JPG, or WebP. Works with logos, icons, illustrations, and photographs.

  3. Pick an engine

    Choose Fast (imagetracerjs) for instant logo and icon tracing, or Best Quality (VTracer WASM) for high-fidelity tracing of photos and complex color artwork.

  4. Choose a detail level or preset

    Fast: Simple, Medium, or Detailed. Best Quality: Photo, Pixel Art, or Line Art. Each mode is tuned for a different type of input.

  5. Preview and download the SVG

    Review the vector preview, then click Download to save. Open in Inkscape, Figma, or Illustrator for further editing.

PNG to SVG Converter — VTracer & Fast Trace FAQ

What's the difference between the Fast and Best Quality engines?
Fast uses imagetracerjs — a JavaScript tracer that's instant and produces small SVGs, ideal for logos, icons, and flat art with up to 16 colors. Best Quality uses VTracer, a Rust library compiled to WebAssembly, with an image-processing pipeline designed for color high-resolution inputs. VTracer produces dramatically higher fidelity on photographs, gradients, and complex color regions, at the cost of loading a ~300 KB WebAssembly module on first use (cached for the rest of your session).

Is VTracer as good as vectorizer.ai?
VTracer is the open-source Rust library from visioncortex that powers their reference raster-to-vector demo. For flat art, pixel art, line drawings, and most photographs it produces results on par with commercial tracers. True neural vectorizers (like Recraft or Vectorizer.AI Pro) still have an edge on extremely noisy inputs and photographs of faces, but for ordinary vectorisation work VTracer is state-of-the-art among free tools.

Does PNG to SVG work for photographs?
Yes — use the Best Quality engine with the Photo preset. VTracer's pipeline handles color photographs far better than imagetracerjs. The result is still a vector interpretation rather than a pixel-perfect reproduction, but it captures gradients, smooth curves, and complex color regions cleanly. For logos and icons, the Fast engine is faster and produces smaller files.

What's the difference between the Fast engine detail levels?
Simple uses 4 colors with smoothed paths — best for logos and icons. Medium uses 8 colors — good for illustrations. Detailed uses 16 colors with no smoothing — most faithful to the original, but produces larger SVG files.

What do the VTracer presets do?
Photo is tuned for photographs and complex color images — smooth Bezier curves, speckle filtering, stacked color layers. Pixel Art uses polygon paths (straight lines only) to preserve sharp pixel edges without curve smoothing — perfect for pixel art and retro graphics. Line Art switches VTracer to binary mode for high-contrast sketches, ink drawings, and black-and-white input.

Is my file uploaded to a server?
No. Both engines run entirely in your browser — imagetracerjs as JavaScript, VTracer as WebAssembly. Your files never leave your device, even on the Best Quality setting.

How big is the VTracer WebAssembly module?
Approximately 300 KB, loaded once per session only when you actually use the Best Quality engine. If you stay on the Fast engine, no WASM is downloaded at all — zero cost for the common case.

Can I edit the SVG after converting?
Yes. The output SVG can be opened in Inkscape (free), Adobe Illustrator, Figma, Sketch, or any SVG editor for refinement, path simplification, or color changes.

Why isn't my logo vectorising cleanly?
For best results: ensure the logo has a transparent or solid-color background, uses distinct flat colors (not gradients or shadows), and is at least 256 px wide. Pre-processing in an image editor to increase contrast helps significantly. If the Fast engine struggles, try Best Quality with the Photo preset.

Does the converter handle transparency?
Yes. If your PNG has a transparent background, the SVG will also have a transparent background. This makes it ideal for logos on websites.

What's the maximum input file size?
The tool handles files up to 10 MB. Larger files may cause slow tracing in the browser — consider resizing first, especially on the Best Quality engine, which is more compute-intensive.

Why choose SVG over PNG?
SVG is scalable — it looks sharp at any size from favicon to billboard. SVG files are also usually smaller than high-resolution PNGs for logos, and they're natively editable in design tools.

Can I use this for JPG or WebP images too?
Yes. Both engines accept PNG, JPG, JPEG, and WebP input — not just PNG. The Best Quality engine is especially useful for JPG photographs where imagetracerjs would struggle.

Can I use this on mobile?
Yes. Both engines work on modern mobile browsers. VTracer (Best Quality) may be slower on older mobile devices due to WebAssembly compile time and memory constraints — Fast mode is recommended for low-end phones.

Background

Convert raster images (PNG, JPG, WebP) to scalable SVG vector graphics directly in your browser, with two independent tracing engines you can switch between:

Fast engine (imagetracerjs) — an instant JavaScript tracer optimised for logos, icons, and flat illustrations. Choose Simple (4 colors, smoothed paths), Medium (8 colors), or Detailed (16 colors, sharp edges). Zero WASM download, zero startup cost, results in milliseconds.

Best Quality engine (VTracer WASM) — a port of visioncortex's VTracer, the Rust raster-to-vector library that powers professional tracing workflows. Uses an image-processing pipeline designed for color high-resolution scans and photographs, producing dramatically cleaner SVG paths on gradients, shadows, and complex color regions than any JavaScript tracer. Three presets cover the common cases: Photo (smooth curves, speckle filtering), Pixel Art (polygon paths, no curve smoothing), and Line Art (binary mode, high contrast for sketches). Loads a ~300 KB WebAssembly module on first use and caches it for the rest of your session.

Both engines run entirely client-side — your files are never uploaded. The output SVG can be edited in Inkscape, Illustrator, Figma, or any SVG editor. Bitmap tracing inherently works best on images with distinct color regions; true photorealistic vectors still require neural vectorizers.

Related tools

SVG to PNG Converter

Convert SVG vector graphics to PNG at any resolution with transparency preserved. Set custom dimensions — no upload required.

SVG to JPG Converter

Convert SVG vector graphics to JPG at any resolution. Set custom dimensions, adjust quality — ideal for print and social media. No upload required.

PNG to WebP Converter

Convert PNG to WebP for 25–34% smaller files with full transparency. Faster pages, no quality loss. Batch support — no upload required.

Image Resizer

Resize images to exact pixel dimensions or percentage — aspect ratio lock, social media presets, no upload needed.

Image Compressor

Compress PNG, JPG, WebP, AVIF, GIF, BMP, ICO and more — reduce file size without losing visual clarity.

Learn more

image

Image Formats Explained: PNG vs JPG vs WebP vs AVIF vs SVG

Compare PNG, JPG, WebP, AVIF, SVG, and GIF with real file sizes. WebP cuts photo size 25-35% vs JPEG. Find the right format for every use case.