PNG to WebP
Convert PNG to WebP, preserving the alpha channel while reducing size.
How it works
PNG to WebP — transparency, but lighter.
- 01
Choose the PNG files to convert, up to 12 at a time.
- 02
Set the quality; use 80 or above for transparent assets.
- 03
Compare the size change and download your WebP files.
FAQ
Is the transparent background kept?
Yes. WebP supports an alpha channel, which is its key advantage over JPG here — converting to JPG to save size would fill transparency with white, while WebP keeps it intact.
How much smaller will it be?
For icons and illustrations — typical PNG content — a 50%+ reduction is common, a bigger win than JPG to WebP, because PNG itself does not compress efficiently. The page shows the actual change per file.
Is this conversion lossless?
This tool outputs lossy WebP, controlled by the quality setting. WebP does have a lossless mode, but the browser Canvas API does not expose it, so lossless WebP is not available here. For icon-style assets, use quality 85+ and the loss around sharp edges is negligible.
Transparent assets shrink too
PNG is often used for icons, illustrations, and transparent-background design assets, but it does not compress efficiently, so the files tend to be large. The big win in converting to WebP is keeping the transparent background while cutting the size substantially. For icons and illustrations a 50%+ reduction is common — a bigger gain than JPG to WebP, because PNG leaves more room to compress. That makes WebP the ideal choice for transparent web assets: small and transparent at once, which JPG cannot do.
About lossless and the quality setting
It is worth being clear that this tool outputs lossy WebP, with a quality setting to balance size against fidelity. WebP does have a lossless mode, but the browser Canvas API does not expose it, so lossless WebP is not available here. For icons and line art with sharp edges, use quality 85 or above — the loss at the edges is then essentially invisible while the file is still much smaller than the original PNG. If your assets must be strictly lossless, that calls for a dedicated desktop tool rather than a browser solution.
Other conversions