Home/Tools/PNG to WebP

PNG to WebP Converter

Convert PNG images to WebP and cut the file size by a quarter to a third with no visible change. Transparency survives. Batch as many as you like, in your browser, with nothing uploaded.

Your images?JPG, PNG, WebP, GIF and BMP in. JPG, PNG or WebP out. Conversion uses your browser's own image encoder, so nothing is uploaded.

Drop in a batch and convert them all at once.

Working...
Images 0

Output

Applies to every image.

82%
- not converted yet
Images are converted on this device. Metadata including GPS is dropped as a side effect.

How to convert PNG to WebP

Built for shipping site assets, not for fiddling.

1

Drop your PNG files

Any number, any size. Icons, screenshots, logos and exports all work.

2

WebP is already selected

Set the quality slider if you want to trade a little detail for a smaller file. 80 is a sensible default.

3

Convert and save

Files come back individually or as a zip. Your original PNGs are left alone.

Why sites moved from PNG to WebP

PNG was designed in the mid-nineties for graphics with flat colour and hard edges, and it is still excellent at that. What it was never designed for is a photograph, and for two decades the web used it for photographs anyway because it was the only lossless format everyone supported.

WebP closed that gap. It compresses photographic content roughly like a modern JPG, compresses flat graphics roughly like PNG, and carries an alpha channel either way. That last part is the reason it took over: before WebP, a logo that needed transparency had to be a PNG, and a PNG logo at retina resolution is a genuinely heavy file to put in a page header.

The practical saving on a real site is 25 to 35 percent at quality 80, and more on large hero images. On a page with fifteen images that is often the difference between a Largest Contentful Paint that passes Core Web Vitals and one that does not, which is a ranking factor rather than a nicety.

The one place to be careful is text. Lossy compression at any quality smears the edges of small lettering, so screenshots of code, diagrams with labels and anything with fine typography should either go through at a high quality setting or stay lossless. Everything else can drop to 80 without anyone noticing — which is the whole point.

Questions

How do I convert PNG to WebP?
Drop the PNG files above and press Convert. WebP is preselected. Encoding runs through the browser own image pipeline, so nothing is uploaded and there is no queue to wait in.
How much smaller is WebP than PNG?
For photographic content, 25 to 35 percent smaller at quality 80 is typical, and the gap widens on large images. For flat graphics with very few colours, a well-optimised PNG can occasionally win, so it is worth comparing the reported sizes before you commit.
Does WebP support transparency?
Yes. The alpha channel is preserved, which is the main reason WebP replaced both PNG and JPG for site assets. A logo on a transparent background converts cleanly and needs no matte colour.
Is WebP supported by all browsers?
Every current browser supports it, including Safari since version 14 and Chrome, Edge and Firefox for years before that. The remaining holdouts are old devices and some desktop image viewers, which is why a JPG fallback still makes sense for files people download and open locally.
Should I use lossy or lossless WebP?
Lossy at quality 75 to 85 for photographs and screenshots. Lossless for line art, diagrams and anything with sharp text, where lossy compression makes edges look smeared. The quality slider controls that trade-off directly.
Can I convert WebP back to PNG?
Yes, with the image converter. Bear in mind that converting a lossy WebP back to PNG restores the format, not the detail that was already discarded.

Related tools

Everything here runs in your browser, free, with nothing uploaded.