Convert PNG to WebP
Settings
80% is a good balance: a sharp image and a light file.
Converted in your browser: your images are never uploaded.
How to use this calculator?
1. Set the quality: 80% for light images, 100% to keep a near-perfect result
2. Drag and drop one or more PNG files, or click to choose them
3. Check the preview and the size saved: transparency is kept
4. Download the WebP files one by one, or all at once in a ZIP
Quick answer
How do you convert a PNG to WebP and keep transparency?
Drop your PNG into the converter, choose the quality (80% by default, 95 to 100% for a logo), then download the WebP: the transparent background is kept. Example: a 1.2 MB cut-out product PNG drops to about 250 to 400 KB as a WebP at 80%.
| PNG | WebP | |
|---|---|---|
| Transparency | Yes | Yes |
| Compression | Lossless | Lossy or lossless |
| Size of a cut-out visual | Large | Often 50 to 80% smaller |
| Compatibility | Universal | Recent browsers |
About the PNG to WebP Converter
What is it?
The PNG to WebP converter turns your PNG images into WebP, a modern format that keeps transparency while being much lighter. You set the quality and convert up to 20 images at once.
Why use it?
PNG is often the heaviest file on a web page: logos, illustrations, cut-out product shots. Converted to WebP, a PNG frequently loses 50 to 80% of its size while keeping its transparent background. The page loads faster, and Google takes that into account in its performance metrics.
How does it work?
Each image is decoded in your browser, then re-encoded as WebP at the chosen quality. The transparency layer (alpha channel) is kept as is. At 100% the result is almost identical to the PNG; at 80% the image is much lighter with a barely visible loss on photos. Nothing is uploaded to a server.
Usage tips
- For a logo or icon with flat colors and text, raise the quality to 95-100% to keep sharp edges
- For a cut-out product shot or a photo, 80% is plenty
- Check the size shown: on a simple screenshot the saving can be smaller than on a photo
- Keep your original PNGs for printing and future edits
- Combine with the image resizer so you never serve an image larger than it is displayed