Image Tools
PNG to WebP Converter
Convert PNG images to WebP for free. WebP keeps sharp graphics while making the file much smaller than PNG, perfect for the web. Choose the quality, see the savings, and download — all in your browser.
How to convert PNG to WebP
- Select a PNG — a screenshot, logo, illustration or photo.
- Choose the quality: 90% or higher for screenshots and graphics with text, lower for photos.
- Check the size before and after, and zoom in on edges and lettering in the preview.
- Download the WebP. Transparent areas stay transparent.
What converts well — and what should stay PNG
| Image type | Convert to WebP? | Why |
|---|---|---|
| Photos saved as PNG | Yes — big savings | PNG stores every pixel exactly, which is wasteful for photographic detail |
| Screenshots of apps and websites | Yes, at high quality | Large flat areas shrink well; high quality keeps small text sharp |
| Logos and icons with transparency | Yes, for the web | WebP keeps the alpha channel, so edges blend onto any background |
| Pixel art and tiny icons | Often no | Lossy encoding blurs hard pixel edges, and PNG may already be smaller |
| Files you will edit again | No | Keep the PNG master; a lossy copy loses detail with every edit |
How this converter encodes WebP
The converter uses your browser's built-in WebP encoder at the quality you choose, which produces lossy WebP — including the transparency channel, which WebP supports in lossy mode just as PNG does. This is where the big savings come from: Google's own figures put lossless WebP at about 26% smaller than PNG, and lossy WebP of a screenshot or illustration is often much smaller still.
Because the result is lossy, look closely at thin lines and small lettering in the preview. If you see soft or ringing edges, raise the quality and convert again.
Where WebP graphics make a difference
- Documentation and help-centre articles full of screenshots, where PNGs of 500 KB–1 MB each add up quickly.
- Website logos and interface illustrations that load on every single page.
- Online stores showing transparent product cut-outs over coloured backgrounds.
- Presentations or web apps bundled for offline use, where total download size matters.
Checking the result before you publish
- Zoom to 100% on the preview and look at text edges, thin lines and the border where a transparent area meets the image.
- Look at the saving the tool reports: if WebP saves less than about 10%, managing a second format may not be worth it, and keeping the PNG is simpler.
- Keep the original PNG in your project files; if you ever need a different size or format, start again from that master copy.
- After uploading, open the page on a phone as well as a computer — high-density screens reveal soft edges that a desktop monitor hides.
Frequently asked questions
Why convert PNG to WebP?
WebP files are typically far smaller than PNG while keeping crisp detail, which makes web pages load faster.
Does WebP support transparency?
Yes, WebP supports transparency like PNG, so logos and graphics with transparent backgrounds convert cleanly.
Is it free?
Completely free with no sign-up, and it runs in your browser.
Are my images uploaded?
No. The conversion happens locally in your browser.
Does WebP work in emails?
Support in email apps is patchy, so for newsletters and email signatures stick with PNG or JPG. WebP is best for web pages and apps you control.
Can I convert the WebP back to PNG later?
You can, but detail discarded by lossy compression won't come back. The PNG you get will be a lossless copy of the WebP, not of your original — so keep the original PNG if you might need it.
Why is my WebP larger than the PNG?
That happens with very small or very simple images — a 32-pixel icon or a flat two-colour graphic — where PNG is already extremely efficient. In those cases, just keep the PNG.
PNG to WebP Converter guides
Related tools
Image Compressor
Compress JPG, PNG and WebP images in your browser.
Open toolPhoto Editor
Edit photos online free — filters, crop-free rotate, flip and export.
Open toolImage to Text (OCR)
Extract text from an image or screenshot.
Open toolBackground Remover
Remove the background from an image automatically.
Open tool