Image to SVG Converter
Vectorize raster images to scalable SVG — adjust colors and tracing preset.
Drop image or click to browse
PNG, JPG, WebP, GIF
Fewer = simpler SVG; more = finer detail
Images are downscaled to 1000 px max before tracing to keep the browser responsive.
Preview
Upload an image to preview
Image to SVG Converter — Raster to Vector Tracing
Convert raster images (PNG, JPG, WebP) to scalable vector SVG format directly in your browser. Uses the imagetracerjs library to trace colour regions and output clean SVG paths. Choose a tracing preset — Default, Posterized, Detailed, Smoothed, or Artistic — and adjust the number of colours to control how simplified or faithful the result is. Images are downscaled to 1000 px max before tracing to keep performance smooth. The resulting SVG is infinitely scalable and can be edited in Inkscape, Figma, Illustrator, or any vector editor. No upload needed — everything runs locally.
Built and maintained by Meet Shah · Last updated
What this tool is used for
- Vectorising a simple logo so it scales without pixelation.
- Turning a flat graphic into paths that can be recoloured in CSS.
- Producing an editable vector starting point from a raster scan.
- Getting a scalable version of an icon whose source has been lost.
- Reducing a flat two-colour image to a small path-based file.
Frequently Asked Questions
- Does this actually vectorise the image?
- It traces shapes rather than embedding pixels, which is the meaningful distinction. A tracer finds edges and fits paths to them, so the result scales — but it is an interpretation of the bitmap, not a recovery of an original vector that never existed.
- What kind of image traces well?
- Flat colour with hard edges: logos, icons, line art, scanned signatures. Photographs trace badly because every gradient becomes hundreds of paths, producing a file far larger than the JPEG and worse looking.
- Why is my traced file enormous?
- Because the tracer found more distinct regions than you expected — noise, anti-aliasing and JPEG artefacts all become real edges to it. Reducing the colour count and cleaning the source first cuts the path count dramatically.
- Can I recover the original vector from a PNG export?
- No. Rasterising discards the paths permanently, and tracing produces different geometry that merely looks similar — usually with far more nodes than a person would have drawn. If the original vector exists anywhere, that is always the better source.
- What is the alternative for a photograph?
- Embedding it. An SVG can carry a raster image as a data URI, giving you an `.svg` file that scales only as well as its contents. That is sometimes what a workflow requires, and it is worth knowing it is a container change rather than a conversion.
Common errors and gotchas
- Vectorising a photograph, which produces thousands of paths and a file larger than the original.
- Expecting clean paths from a lossy source, where compression noise becomes path detail.
- Leaving the colour count high on a flat graphic, which adds paths without adding fidelity.
- Assuming the output is editable by hand, when traced paths rarely correspond to shapes a person would draw.
- Treating tracing as a substitute for the original vector, which is always better if it exists.