Convert WebP to SVG
Your files are processed on your device. We never upload them.
Traced with imagetracerjs, which is in the public domain.
How to convert WebP to SVG
- 01A ▸Choose your WebP images, or drop them on the page.
- 02A ▸Pick the detail. Logo or drawing suits most images.
- 03A ▸Select Convert to SVG, then download each SVG, or all of them as a zip.
About WebP to SVG
Where WebP files come from
Websites send logos and stickers as WebP, so a logo saved from a site is usually a WebP with a fixed number of pixels. Printing it large, cutting it with a vinyl cutter, or editing it in a vector program needs shapes instead of pixels, which is what SVG holds.
What changes
- Pixels become filled shapes, one colour area at a time, so the SVG stays sharp at any size.
- Colours are reduced to a palette of 8, 16, or 32, depending on the detail you pick. Smooth gradients become bands.
- See-through areas stay empty.
- Large images are traced at up to 1000, 1200, or 1600 pixels on the longest side, depending on the detail, then shown at their original size.
- An animated WebP gives a still SVG of its first frame.
Measured
A 1024 by 1024 pixel logo saved as WebP, and a 12-megapixel transparent sticker as WebP, traced with Logo or drawing detail in Chrome on a laptop. Phone timings are still to be measured.
| Logo, WebP to SVG | 20 KB to 56 KB |
|---|---|
| Sticker, WebP to SVG | 33 KB to 11 KB |
| Time for either in Chrome (laptop) | 0.4 seconds |
In your browser
Every current browser reads WebP itself. The tracer (imagetracerjs, 12 KB) is downloaded on the first conversion and then cached.
Limits
- Tracing makes a lookalike drawing, not an exact copy. Thin lines and small text may come out blobby; try Detailed for those.
- Photos and gradients make large SVGs with many shapes.
- Pictures larger than 1600 pixels on a side are traced at a smaller size, so the tiniest details are smoothed.
Other options
- WebP to PNG: an exact copy, keeping transparency, when you don't need to scale up.
- WebP to ICO: an icon file for Windows or a favicon.
- PNG to SVG: the same tracing for PNG images.
Questions
How does WebP to SVG work?
WebP stores pixels, and SVG stores shapes. The tool reduces the picture to a few colours and traces the outline of each colour area into a filled shape. It is a new drawing that looks like the original, not the original's own vector file.
Are my images uploaded?
No. Your files are processed on your device. We never upload them.
Does the SVG keep transparency?
Yes. See-through parts of the WebP are left empty in the SVG, so it sits on any background.
Which detail should I pick?
Logo or drawing uses 8 colours and drops tiny specks, which keeps logos clean and the file small. Balanced uses 16 colours. Detailed uses 32 colours and finer curves, for illustrations, with a larger file.
Can I trace a photo?
You can, but a photo becomes thousands of small shapes and a large file that looks like a poster. Tracing suits logos, icons, and drawings with flat colours.
Does it work with animated WebP?
Only the first frame is traced. The result tells you when an image was animated.