Lossy WebP: massive savings on photos
Photo PNG → WebP = up to 90% smaller. Almost always the right move.
PNG keeps transparency but is heavy. WebP keeps transparency AND is 50-60% lighter. The format upgrade your site has been waiting for. Bulk, browser-based, no upload.
Faster web images that still support transparency.
Drag PNG files (up to 100 at once). Single icon or whole logo set, both work.
Lossy 80%: 50-60% smaller, no visible difference, ideal for photos. Lossless: 20-40% smaller than the source PNG, bit-perfect preservation, ideal for logos and UI assets.
Single file as .webp, multiple as ZIP. Transparency is preserved automatically, no manual setup needed.
Modern web format that keeps everything PNG offered, plus less weight.
Lossy WebP at quality 80 produces files 50-60% smaller than the source PNG, with no visible quality difference. Lossless WebP saves 20-40%.
Full transparency support, your logo, icon, sprite all keep their transparent areas exactly. Drop-in replacement for PNG with no design adjustment needed.
Lossy mode for max savings on photos and complex graphics. Lossless mode for pixel-perfect preservation of icons, screenshots, and tiny details.
Files never leave your browser. WebAssembly libwebp processes everything locally, verifiable in DevTools.
A 1 MB PNG converts in under 200 ms. Bulk of 100 files completes in seconds, perfect for migrating an entire site's assets.
Free forever. Output ready for direct CDN, CMS, or Git commit.
PNG was the right answer in 2005. WebP is the right answer now.
Photo PNG → WebP = up to 90% smaller. Almost always the right move.
Lossless WebP = PNG quality, 20-40% lighter.
Full alpha support. Same transparency, smaller file. Always.
Brand assets stay confidential when conversion is local.
Choose the right format for your use case
| Source PNG type | Recommended WebP mode | Expected savings | Why | |
|---|---|---|---|---|
| Photograph PNG | Lossy q80 | PNG was overkill for photos | Hero images, galleries | |
| Logo / Icon | Lossless | Pixel-perfect required | Brand, UI sprites | |
| Screenshot | Lossless | Text edges must stay sharp | Documentation, blog | |
| Diagram / chart | Lossless | Lines must not blur | Tech docs, infographics | |
| Game sprite | Lossless | Pixel art needs exactness | 2D games, app icons |
Quick answers about the tool
element with PNG fallback. WordPress, Shopify, and modern static-site generators handle this automatically.