WebP gives you PNG-quality transparency at a fraction of the file size — but not every tool exports WebP with alpha correctly. This guide covers the right way to create transparent WebP images, from online converters to Photoshop, GIMP, and command-line methods.
WebP is a modern image format developed by Google that supports both lossy and lossless compression — and crucially, an alpha channel for transparency. Key facts:
PNG with transparency has been the standard for decades, but WebP offers compelling advantages for modern web use:
The quickest way to create a transparent WebP — no software needed. Here are the best online options:
BG-Zero removes backgrounds and exports as transparent PNG or WebP — all locally in your browser. Upload an image, remove the background with AI, and click export as WebP. The transparency and alpha channel are preserved. Best for: product photos, portraits, logos — any image where you need to remove the background and output a clean transparent WebP.
Squoosh is Google's free, open-source image compression web app. You can convert PNG/JPEG to WebP, adjust quality and effort settings, and toggle alpha on/off. Best for: fine-tuning WebP compression settings with a live side-by-side preview. Note: Squoosh only converts — it does not remove backgrounds.
CloudConvert and Convertio support PNG-to-WebP conversion with alpha preservation. Upload a transparent PNG, choose WebP as output, and enable alpha channel. Free tier limits apply (usually 25 conversions/day). Best for: batch-converting existing transparent PNGs to WebP when you do not need to edit the image.
Important: Most online converters upload your images to their servers. If you are working with sensitive or private images, use BG-Zero (local processing) or the desktop methods below instead.
For professional workflows or batch processing, desktop tools give you more control over quality, metadata, and output settings:
Photoshop 23.2+ supports WebP export with alpha natively. Remove your background (use Select Subject + Layer Mask), then go to File → Export → Export As, choose WebP, and check 'Transparency'. For older Photoshop versions, use the WebPShop plugin (free on GitHub). Best for: designers already working in Photoshop who need precise layer control.
GIMP 2.10+ supports WebP export with alpha. Remove the background (Fuzzy Select tool or Add Alpha Channel + Eraser), then File → Export As → select WebP format. In the export dialog, check 'Save alpha channel'. Best for: a completely free desktop alternative to Photoshop that handles WebP transparency well.
cwebp (part of Google's libwebp) converts PNG to WebP from the terminal: `cwebp -alpha_q 100 input.png -o output.webp`. ImageMagick: `magick input.png -define webp:alpha-quality=100 output.webp`. Best for: developers automating image pipelines or batch-processing hundreds of images in scripts.
Both WebP and PNG support full alpha-channel transparency, but they differ in important ways for real-world use:
Common questions about creating transparent WebP images.
Yes. WebP supports an alpha channel for full transparency, just like PNG. Both lossless and lossy WebP modes support transparency. Modern browsers (Chrome, Firefox, Edge, Safari 14+) all display transparent WebP correctly.
In Photoshop: remove the background layer so you see the checkerboard pattern (transparency), then go to File → Export → Save for Web (Legacy) or Export As. Choose WebP as the format and make sure 'Transparency' is checked. In newer Photoshop versions (23.2+), WebP export with alpha is supported natively.
Yes — WebP with alpha is typically 25-35% smaller than an equivalent PNG with transparency, and significantly smaller than PNG-24. For web use, this means faster page loads. The trade-off: encoding WebP is slightly slower than saving PNG, and some older image viewers may not display WebP transparency.
Yes. Tools like cwebp (command-line), ImageMagick, and BG-Zero preserve the alpha channel when converting from transparent PNG to WebP. Online converters like Squoosh and CloudConvert also handle alpha correctly — just make sure the conversion settings include 'alpha' or 'transparency'.
Remove backgrounds, export as transparent WebP or PNG — free, no upload, instant results.
Try BG-Zero Free