Convert PNG to WebP
Drop PNGs below and get WebP back, with transparency intact. Pick Lossless to keep every pixel or Smart for a much smaller file; up to 16 MB as a guest or 32 MB with a free account. Free. No account, no watermark.
Measured, not estimated
What PNG to WebP saved on four real graphics
Two screenshots, a social card and a transparent icon from our showcase. The Lossless column is pixel-identical to the PNG, which makes it the fairest comparison on the page.
| Sample | Original | Lossless | Smart | Ultra |
|---|---|---|---|---|
| Social card 1200 by 630 | 208 KB PNG | 144 KB 30.9% smaller | 34 KB 83.5% smaller | 15 KB 92.9% smaller |
| Phone screenshot 1170 by 2532 | 0.9 MB PNG | 542 KB 43.5% smaller | 251 KB 73.8% smaller | 137 KB 85.7% smaller |
| App icon 1600 by 1600 | 113 KB PNG | 26 KB 77.3% smaller | 19 KB 82.9% smaller | 19 KB 82.9% smaller |
| Desktop screenshot 1440 by 900 | 303 KB PNG | 152 KB 49.7% smaller | 100 KB 66.9% smaller | 100 KB 66.9% smaller |
Metadata stripped, no resize. On the icon and the desktop screenshot, Smart and Ultra are the same file: both were won by WebP's near-lossless mode, which doesn't take a quality setting.
Why WebP
The safe upgrade from PNG
WebP does everything a PNG does on the web: transparency, sharp edges, lossless storage. It does them in fewer bytes, and every current browser has displayed it for years. If you're still serving PNGs on a site, this is the conversion with the least to think about.
Choose Lossless and cwebp's lossless compressor runs at its highest effort. Not one pixel changes. Choose Smart or Ultra on a graphic and Iminify encodes it three ways: lossy, lossless and near-lossless, which nudges pixel values by a step or two so they pack tighter. It keeps whichever is smallest. On drawn images the near-lossless file often wins, and it scores around 90 on the SSIMULACRA 2 scale, which is visually lossless.
Lossy WebP stores colour at half resolution, so on graphics Iminify switches on sharp chroma conversion to stop coloured text from smearing at its edges.
What survives
What a PNG keeps on its way to WebP
-
Transparency
WebP has a full alpha channel in both its lossless and lossy modes.
-
Every pixel, at Lossless
A PNG is a lossless source, so Lossless here really is lossless. The one exception is a wide-gamut colour profile, which is converted to sRGB.
-
EXIF, when you switch it on
If your PNG carries an EXIF block and Keep EXIF is on, it's written into the WebP after the encode.
-
Animation
An animated PNG becomes its first frame. For animation, start from a GIF: GIF to WebP keeps every frame.
When not to
When PNG should stay PNG
- The file goes somewhere that doesn't take WebP: some email clients, older design software, a few social upload forms.
- It's an app icon, a favicon or another asset whose spec names PNG.
- You only want a smaller PNG. The Compress PNG page does that without changing the format.
How to
PNG to WebP in three steps
-
1
Drop your PNGs
WebP is already chosen under Change Format.
-
2
Lossless or Smart
Lossless for logos and anything you'll edit again. Smart for everything that only has to look right on a page.
-
3
Download
Single files, or the whole batch as a zip.
Questions
PNG to WebP questions
- PNG to AVIF Big savings on screenshots and graphics, with transparency kept.
- JPG to WebP Smaller photos for the web, with the exceptions shown honestly.
- Compress PNG Smaller PNGs that stay PNGs, transparency and all.
From the blog
Convert your PNGs to WebP
WebP is already selected. Choose Lossless if nothing may change, Smart if smaller matters more.