SVG to WebP Converter

WebP is a compact raster format for web pages, apps and stores that do not accept SVG — app icons in some builders, e-commerce listings, social previews, email. This converter draws your SVG at the exact pixel size you choose, so curves and text stay sharp at 2× or 4×, and saves it as WebP with its transparency. Lossless mode is the default because logos and icons have flat colours and crisp edges; lossy suits detailed illustrations.

How to use this tool

1. Drop .svg files or paste SVG code.
2. Choose the size: 1×, 2×, 4×, a custom scale or an exact width.
3. Keep the background transparent or pick a colour.
4. Keep lossless for logos and icons, or set a quality for illustrations, then download.

Formula

Output width = SVG width × scale (or the exact width); height = width × SVG height ÷ SVG width. Lossless WebP (VP8L) keeps every pixel; lossy (VP8) uses quality q.

The SVG size comes from its width and height (CSS units, 96 px per inch) or its viewBox; the vector is rendered at the output size rather than enlarged from a small bitmap. WebP allows up to 16,383 px per side. Images, fonts and stylesheets referenced by URL are not loaded inside an SVG image, so embed them or convert text to outlines.

Example

An icon with viewBox="0 0 24 24" and no width or height counts as 24 × 24 px; at 4× it becomes a 96 × 96 px WebP, and with an exact width of 512 a 512 × 512 px one. The 120 × 80 test SVG at 2× gives 240 × 160 px.