Convert SVG to WebP

Drop SVG files here and get WebP images back, with transparent areas still transparent. Keep the size your SVG declares or pick a long edge from 512 to 4096 pixels: the vector is drawn at that size, so edges stay sharp however large you go. The conversion runs in memory at api.mochify.app and nothing is saved to disk.

How to convert SVG to WebP

1. Pick a size. Original keeps the size your SVG declares: its width and height, or its viewBox when those are missing. Or choose a long edge of 512, 1024, 1200, 2048 or 4096 pixels, and the other side follows the SVG's proportions.
2. Drop your SVGs. Up to 3 at a time on the free plan, 25 on a paid plan.
3. Switch on Lossless if you need pixel-exact output, then download your WebP files. Transparent areas stay transparent, so a logo sits cleanly on a light or a dark background.

Which size to pick

• Original: you already set the size in your editor.
• 512 px: app icons, favicons and avatars.
• 1024 px: logos and graphics on web pages, sharp on high-density screens.
• 1200 px: social link previews; 1200 pixels is the usual width for an Open Graph image.
• 2048 px: hero graphics and slides.
• 4096 px: print and high-resolution masters.

Because the vector is redrawn at the size you pick, nothing is stretched from a smaller image, and 4096 is as crisp as 512. A WebP cannot be enlarged later without going soft, so pick the largest size you will need.

What happens to your SVG

An SVG is a set of drawing instructions; a WebP is a grid of pixels. Turning one into the other fixes the size and flattens anything that depended on a browser at display time:

• Size: the long edge you pick, or with Original the SVG's width and height (or its viewBox when those are missing). A file with none of the three has no size to work from, so add a viewBox or a width and height first.
• Transparency: kept. Transparent areas stay transparent and semi-transparent fills keep their opacity.
• Text: rendered, but web fonts linked by URL are not fetched, so live text falls back to a default font. Convert text to outlines before you export if the typeface matters, which for a logo it always does.
• Linked images: an image the SVG loads from a URL is dropped without warning. Images embedded in the file render.
• Animation: ignored. You get the SVG as it looks before anything moves.

When a WebP copy of an SVG is the right call

Keep the SVG wherever it is accepted: on your own site it stays sharp at every size and is usually the smaller file. Make a raster copy for the places that refuse or strip SVG, such as WordPress without a plugin, many marketplaces and social link previews. WebP suits web pages and CMS libraries; check that the destination takes WebP, because some marketplaces and email clients still accept only PNG or JPEG. Our SVG conversion guide walks through the decision platform by platform.

WebP is the natural target because it keeps an alpha channel at a fraction of PNG's size: Google's WebP documentation puts lossy WebP with transparency at typically three times smaller than PNG. For how it compares with AVIF and JPEG XL, see WebP, AVIF or JPEG XL in 2026, and for cut-outs that come back black or white, Do WebP and AVIF support transparency?

Lossy or lossless

By default this page makes a high-quality lossy WebP, the smaller file, which is not pixel-exact. Switch on Lossless for a pixel-exact WebP of the rendered SVG: the file is larger, and the flat colors and hard edges of a logo come through exactly.

Converting SVG to WebP without a converter

• Inkscape (free, Windows, Mac and Linux, version 1.2 or later): File > Export, choose WebP in the Export dialog, set the DPI or pixel size, and export.
• Figma: the built-in export panel offers PNG, JPG, SVG and PDF, not WebP. Export a PNG at the scale you need, then convert that.
• A browser screenshot is not a route: it captures the screen at display resolution and bakes in the background.

Limits, bulk and automation

Without an account you can convert 3 images a month; a free account gives you 25 a month, up to 3 at a time, 20MB each. Paid plans (Seller, Pro and Growth) take batches of 25 and files up to 75MB, and a $2 Day Pass gives 100 uploads over 24 hours with no account. The pricing page has the plans.

The same conversion works through the REST API on every plan, Free included. Send the raw SVG to POST /v1/squish; full reference in the API documentation:

curl -X POST "https://api.mochify.app/v1/squish?type=webp&width=1200" \
  -H "Content-Type: image/svg+xml" \
  -H "Authorization: Bearer $MOCHIFY_API_KEY" \
  --data-binary @logo.svg \
  --output logo.webp

width sets the output width in pixels and the vector is drawn at that width; leave it out to keep the SVG's own size. Add &lossless=1 for a lossless WebP.