Convert PNG to WEBP — Free, Private, In Your Browser
If heavy PNG images are slowing your website, WEBP is the low-effort fix. It keeps the transparency you rely on PNG for, and in our test the transparent site logo came out at roughly half the size.
- 100% Private
- No Upload
- Free Forever
Drop your PNG here or click to upload
Only PNG files accepted on this page.
Converting to WEBP…
This is happening on your device — no upload.
How this PNG to WEBP conversion works
Your PNG is decoded in the browser and re-encoded as lossy WEBP at quality 0.92, keeping the alpha channel. The page does not resize or crop anything, so the pixel dimensions stay the same. The result panel shows the before and after sizes so you can judge the saving yourself.
Example: PNG to WEBP in practice
A shop page with a dozen product cut-outs saved as PNG after background removal. Convert each one to WEBP, upload them in place of the PNGs and keep the PNG originals in a folder for later edits. Then compare the page weight in your browser's developer tools before and after. If some customers use very old devices, a picture element or your CMS can still serve the PNG to them.
Before you use the new WEBP from your PNG
- View the WEBP over a coloured background to confirm smooth edges around a logo.
- Test the page in Safari as well as Chrome if many visitors use Apple devices.
- Keep the PNG master in your project files for future edits.
Why convert PNG to WEBP?
Sites use PNG for logos, icons, product cut-outs and anything else that needs a transparent background, and those files add up. WEBP supports the same alpha channel, including in its lossy mode, which is something JPG can never offer. On flat logos that means a moderate saving; on photographic PNGs such as product shots with the background removed, the saving can be dramatic. Lighter images help pages load sooner, and image weight is often the largest share of a page. Keep the PNG as your master copy, though: this tool writes lossy WEBP at quality 0.92, so the WEBP is a delivery file, not an archive.
When PNG to WEBP is the right call
- Logos, icons and UI graphics on a website that must stay transparent
- Product photos with the background removed, which are often saved as very large PNGs
- Cutting bandwidth on an image-heavy blog or store
- Speeding up pages for visitors on slower mobile connections
PNG vs WEBP: what changes
| Feature | PNG | WEBP | In practice |
|---|---|---|---|
| Transparency | Yes (alpha) | Yes (alpha) | WEBP keeps transparency even in lossy mode, so cut-outs stay cut out. |
| Compression | Lossless | Lossy here | The browser canvas writes lossy WEBP at 0.92; edges stay clean but the output is not pixel-identical. |
| Animation | APNG | Yes | The format can animate, but this tool converts a single frame, so animated PNGs come out still. |
| Colour depth | 8/16-bit | 8-bit | 16-bit PNG masters lose their extra precision; keep the PNG for further editing. |
| Browsers | Universal | All current | Chrome, Edge, Firefox and Safari all display WEBP; Safari was the last to add it, in 2020 (see caniuse.com/webp). |
| CMS | Yes | Yes | WordPress has accepted WEBP uploads since version 5.8 (2021), and most site builders accept it too. |
| Email, Office, forms | Universal | Patchy | For attachments, documents and portals keep the PNG; WEBP is a web-delivery format. |
Browser support: caniuse.com/webp
PNG to WEBP file size: our test
Our test images (results vary by image): a 640×720 photo and a 560×720 text graphic cropped from one of our blog headers, plus our 1696×399 site logo with its transparent background. Sources were lossless PNGs (zlib level 6), and the logo is our real site logo with a transparent background. Outputs were WEBP at quality 92, the same setting this page uses.
| Test image | PNG in | WEBP out | Result |
|---|---|---|---|
| Photo, 640×720 | 326.3 KB | 33.5 KB | 90% smaller |
| Text graphic, 560×720 | 219.5 KB | 30.7 KB | 86% smaller |
| Transparent logo, 1696×399 | 74.8 KB | 39.4 KB | 47% smaller, transparency kept |
The more photographic the PNG, the bigger the win: a photo saved as PNG lost nine-tenths of its weight. The flat logo, which PNG already compresses well, still halved and kept its transparent background. Logos and icons are where most sites start, but large photo-style PNGs are where most of the bytes are.
When not to convert PNG to WEBP
- Files going into email, Word or PowerPoint, print, or a government or exam form. Those destinations still expect PNG or JPG.
- Pixel-exact assets such as pixel art, sprite sheets or screenshots for bug reports. Lossy WEBP slightly alters pixels.
- Your only copy of the artwork. Keep the PNG master and generate WEBP from it whenever you need a web version.
- Favicons and app icons. Browsers, phones and app stores expect PNG or ICO for these.
PNG to WEBP FAQ
Do all browsers support WEBP?
All current major browsers do: Chrome, Edge, Firefox and Safari, on desktop and mobile. Only very old browsers or outdated devices lack it. For up-to-date figures see caniuse.com/webp.
Is transparency preserved?
Yes. WEBP supports a full alpha channel just like PNG, so transparent and semi-transparent pixels convert faithfully. In our test the transparent logo kept its see-through background.
Why is the WEBP lossy if my PNG was lossless?
The browser converts at quality 0.92, which produces lossy WEBP. The difference is not visible at normal size, but the pixels are not identical, so keep the original PNG as your master copy.