Image to SVG
Convert Images to SVG with a Free Online Vectorizer
Turn PNG, JPG, WebP, GIF, BMP, AVIF, or TIFF images into scalable SVG paths. Choose color or black-and-white tracing, tune the level of detail, and process up to 40 files at once. Your images never leave your browser.
Editing defaults for new files
Preview
No preview. Add and select files to see results.
No files yet. Drop files above or click SELECT FILES.
What is SVG?
SVG (Scalable Vector Graphics) is an XML-based vector image format. Instead of pixels, an SVG describes shapes, paths, fills, and strokes mathematically, so it can be rendered at any size without losing quality.
SVG is the standard vector format for the web. It is supported natively by every modern browser and can be styled with CSS or animated with JavaScript or SMIL. It is often compact for logos, icons, and illustrations, although complex SVGs can become large.
Supported input formats
The vectorizer accepts PNG, JPG, WebP, GIF, BMP, AVIF, and TIFF. For animated GIFs, only the first frame is traced.
When to convert an image to SVG
Vectorizing a raster image gives you a resolution-independent file you can scale, recolor, and edit. This raster-to-vector converter turns PNG, JPG, WebP, or other images into SVG when you need a logo at print resolution, a clean line drawing for laser cutting or embroidery, or a scalable illustration from a raster source. Flat-color logos, icons, and line art produce the cleanest paths. Complex photographs can be traced, but the result is more stylized and may be larger than the original image.
Pick a source format
PNG, JPG, WebP, GIF, BMP, AVIF, and TIFF can all be vectorized, but the source matters. Cleaner sources produce smaller, cleaner SVGs.
| PNG | JPG | WebP | |
|---|---|---|---|
| Typical source size | Varies; lossless source | Varies; lossy source | Varies; lossy or lossless source |
| Best for vectorizing | Logos, icons, illustrations with flat colors | Graphics or scans saved as JPG | Logos and icons, especially transparent WebP |
| Watch out for | Photographic PNGs produce large, posterized SVGs | Compression artifacts get traced. Start from the highest-quality JPG | Lossy WebP smoothing can read as extra color regions. Raise gradient step |
How to convert an image to SVG online
- 1
Drop your files, or click SELECT FILES, to add them to the queue. Up to 40 at a time.
- 2
Set the output options (size, DPI, background, quality, or tracing detail) and watch the live preview update.
- 3
Click SAVE ALL to download the result, or a single ZIP when the queue holds more than one file.
Privacy: your files never leave your browser
Conversion runs locally in your browser using JavaScript and WebAssembly. There is no file upload or server-side conversion, so the files you add stay on your device.
Local processing helps protect confidential logos, internal documents, and unreleased client artwork. Pages and conversion code are cached as you use them, so tools you have already opened can continue working without a network connection.
Frequently asked questions
Which image formats can I vectorize?
PNG, JPG, WebP, GIF, BMP, AVIF, and TIFF. Drop up to 40 images in one batch and download the traced SVGs one at a time or all together as a single ZIP. Animated GIFs are traced from their first frame only.
Does tracing work on a photograph?
It runs, but a photo traces into a large, posterized SVG that can end up bigger than the source file. Logos, icons, and line art with flat colors and clean edges trace much more cleanly. If you do trace a photo, raise noise reduction and lower color precision to keep the result manageable.
Does a transparent background survive tracing?
Transparent areas in PNG, WebP, or AVIF inputs can remain clear in the traced SVG, although soft semi-transparent edges may be simplified. JPG has no alpha channel, so its background may be traced as part of the image; black-and-white threshold and color settings can help separate the subject.
Can I convert animated GIFs to SVG?
Only the first frame is used. The output is a single static SVG.
How can I make the output SVG file smaller?
Start with the Compact preset. It switches the path style to Polygon (straight segments instead of curves), raises the noise reduction, and lowers the color precision so fewer color layers are emitted. From there, raise Gradient step to merge similar colors, and increase Max segment length so short segments are combined into longer ones. The trade-off: a high color precision, Spline path style, and low noise reduction stay closest to the original but produce the largest files.
How can I simplify the shapes or reduce detail?
Try the Simplify shapes preset. It raises the Corner threshold so fewer corners are detected (the curves come out smoother), increases Max segment length so tiny path segments are merged, and raises the Splice threshold for more aggressive curve merging. Bumping noise reduction also strips small specks before tracing. To stay closer to the original, lower these thresholds, use Color mode with a high color precision, and keep noise reduction low. You'll keep more detail at the cost of a larger SVG.