| WebP | PNG | |
|---|---|---|
| Compression | Lossy | Lossless |
| Transparency | ✓ | ✓ |
| Animation | ✓ | - |
| HDR | - | - |
| Metadata | ✓ | ✓ |
| Open / royalty-free | ✓ | ✓ |
| Defined by | W3C | |
| Since | 2010 | 1996 |
| Best for | images on websites | screenshots, logos, anything with sharp edges or transparency |
WebP
Smaller than JPG and PNG, keeps transparency and animation. Supported by every current browser.
PNG
Lossless with transparency. The safe default for screenshots, logos and UI.
Questions
WebP or PNG: which is smaller?
WebP, by a lot, because it discards detail. PNG keeps everything and weighs more.
Can I convert WebP to PNG?
Yes, in your browser, nothing uploaded.
And PNG to WebP?
Yes, as well.