SVG → WebP Converter

Drag & Drop your .svg file here, or pick a file below. Nothing is uploaded.

Or paste SVG markup

Tip: Include a viewBox for correct scaling.

Output width (px)

Leave blank to auto-use SVG width/viewBox.

Output height (px)

If only one dimension is set, aspect ratio is preserved.

Scale (x)

Used only when both width & height are blank.

Background

Transparent

Uncheck "Transparent" to fill a solid background before export.

WebP quality

Lossy quality 0.00-1.00 (higher = better quality & larger file). Alpha is preserved.

Fit mode

Aspect fit preserves the SVG's aspect ratio.

Render to preview WebP here.

Intrinsic size:

Output size:

SVG → WebP - Quick Cheat Sheet

Best practice: Add a viewBox to your <svg> so scaling is correct.
Sizing: Set output width or height (or both). If one is blank, the other is computed from aspect ratio. Scale multiplies intrinsic size when width/height are blank.
Background: WebP supports transparency; leave "Transparent" checked. Uncheck to fill a solid color first.
Quality: Slider controls lossy quality for image/webp. Higher quality ˜ larger file. Alpha is preserved.
Fonts & external refs: Non-embedded fonts may fallback. External images/CSS can be blocked on canvas (CORS/security).
Privacy: Everything runs in your browser; nothing is uploaded.

How sizes are chosen