PNG to WebP: smaller graphics that keep their transparency
This PNG to WebP converter shrinks PNG images by re-encoding them as WebP — while keeping transparent backgrounds intact. It is built for web designers, developers and shop owners who want lighter logos, icons, product cut-outs and screenshots without losing the see-through edges PNG gave them. Add a batch, choose the quality and download the WebPs, all inside your browser.
PNG is lossless and universally compatible, but large PNGs are one of the most common reasons a web page loads slowly. WebP offers both lossy and lossless compression with a full alpha channel, so the same transparent graphic can often be delivered in a fraction of the bytes.
How to use the PNG to WebP Converter
- Add PNG files by dropping them on the upload area, clicking to browse, or pasting a copied image with Ctrl+V.
- Set Quality: 80–90 is a good start for graphics, and 100 produces lossless WebP in Chrome and Edge.
- Choose whether to keep EXIF data (rare in PNGs) under Camera data (EXIF).
- Compare the before and after sizes; click a thumbnail and toggle Original to check edges and text closely.
- Download the WebPs one by one, or together with Download all.
PNG to WebP Converter features
Alpha channel kept
Transparent and partially transparent pixels are encoded into the WebP, so logos still sit cleanly on any background.
Lossy or lossless
Below 100 the browser writes lossy WebP for the smallest files; at 100, Chrome and Edge switch to lossless WebP with exact pixels.
Instant re-encode
Moving the slider re-converts every file and shows its new size, so you can stop at the right balance.
Clear Safari fallback
Safari can’t create WebP files, so the tool says so and gives you a PNG instead of a broken download.
Batch ZIP
Download a whole folder of site assets as one ZIP, with the original names.
How WebP stores transparency more efficiently
In a lossy WebP the colour image is compressed with VP8 techniques while the transparency lives in a separate alpha channel, which encoders such as Google’s libwebp compress losslessly by default. Neither JPG (no transparency) nor PNG (lossless only) offers that combination, and it is why transparent product photos and illustrations shrink so dramatically.
Lossless WebP works the other way: it keeps every pixel, like PNG, but with more modern tools — spatial prediction, colour-space transforms, a colour cache and LZ77-style backward references. Google’s published measurements put lossless WebP at roughly 26% smaller than PNG on average. The format is now documented by the IETF as RFC 9649.
Tips for converting graphics
- Text and thin lines: lossy WebP always stores colour at half resolution (4:2:0), so small coloured text can look soft. Use quality 90+, or 100 for lossless, with UI screenshots and diagrams.
- Photos with transparency — product shots, portraits with removed backgrounds — compress very well at 75–85.
- Icons: tiny PNGs are already compact, and WebP may save only a few hundred bytes. Check the size before replacing them.
- Very large images: WebP is limited to 16,383 pixels per side. Resize oversized canvases first with the image resizer.
- Even smaller: PNG to AVIF often beats WebP, at the cost of much slower encoding.
Browser support for WebP
| Browser | Displays WebP | Creates WebP (this tool) |
|---|---|---|
| Chrome, Opera, Samsung Internet | Yes | Yes |
| Microsoft Edge | Yes (since 2018) | Yes |
| Firefox | Yes (since version 65, 2019) | Yes (version 96 and later) |
| Safari (Mac, iPhone, iPad) | Yes (since version 14, 2020) | No — a PNG is saved instead |
PNG to WebP Converter FAQ
How do I convert PNG to WebP?
Drop your PNG files on the converter, set the quality (80–90 for graphics, 100 for lossless in Chrome and Edge) and download the WebP files individually or as a ZIP.
Does PNG to WebP keep transparency?
Yes. WebP has a full alpha channel, so transparent backgrounds and soft edges are preserved in both lossy and lossless WebP.
Is WebP smaller than PNG?
Usually, often by a wide margin for photos and illustrations with transparency. For tiny icons and very simple graphics the saving can be small — the converter shows the exact size of each file.
Can I make lossless WebP from PNG?
Yes, in Chrome and Edge: set the quality to 100 and the browser encodes lossless WebP, keeping every pixel of the PNG.
Why did I get a PNG instead of a WebP?
Your browser can’t encode WebP — this happens in Safari. The converter saves a PNG so you aren’t left with nothing; open the page in Chrome, Edge or Firefox to get WebP.
Should I replace all the PNGs on my website with WebP?
For most photos, illustrations and transparent images, yes. All current browsers display WebP; if you also support very old Apple devices, serve the WebP inside a <picture> element with the PNG as a fallback.