SVG to WebP converter
Convert SVG to WebP online, free. Rasterise at 1×, 2× or 4× with an adjustable quality, and a transparent, white or black background. Rendered in your browser — the file is never uploaded.
Serving both formats? Export the PNG as the fallback and let a <picture> element pick.
How it works
The same pipeline as the PNG tool — serialise, load as an image, draw to a canvas at the chosen scale — but the canvas encodes WebP at the quality you set. Transparency survives, unlike JPEG. The browser's own encoder does the work, so nothing is uploaded; a browser too old to encode WebP is detected (it silently produces PNG instead, which the tool checks for) and told to use the PNG converter.
When to use it
When the deliverable is a raster for the web and bytes matter: hero images, previews, anywhere a PNG of the same drawing would be several times the size. For crisp UI icons the answer is usually the SVG itself; WebP earns its keep on larger, softer imagery. Serve it inside <picture> with a PNG fallback if very old browsers are in your audience.
Common problems
- Thin lines grow artifacts. Lossy compression smears 1-px strokes and hard edges. Raise the quality toward 100, export at 2×, or use lossless PNG for line art.
- The export came out as PNG. That is the unsupported-encoder case — the tool refuses to mislabel it and says so instead of downloading a .webp that isn't.
- Colors shift slightly. Canvas encoding drops color profiles; sRGB is assumed. For color-managed work, keep the SVG as the source of truth.
Notes
- WebP here is lossy (that is where the size win is). For a lossless raster, export PNG instead.
- Transparency survives lossy WebP, unlike JPEG.
- Encoding happens in the browser; a very old browser without a WebP encoder is detected and told, not silently given a mislabelled PNG.