Does WebP support transparency?

Yes. WebP supports an alpha channel, so transparent PNGs convert cleanly.

How much smaller will my file be?

Lossy WebP, the output at the default quality, is typically 60–80% smaller than equivalent PNG. At 100% quality Chrome and Edge write lossless WebP, which saves about 26%.

How do I get a lossless WebP?

Set the quality slider to 100%. Chrome and Edge then write lossless WebP; below 100% the output is lossy. A browser that cannot encode WebP saves a PNG instead, and the download button shows which format you got.

Where does the conversion happen?

In your browser, with the Canvas API. Our servers are not involved at any point.

Convert PNG to WebP

Turn PNG files into WebP for smaller downloads with little visible quality loss. Runs entirely in your browser.

Drop an image or click to choose

JPG, PNG, WebP, AVIF, GIF and more, up to 50 MB. Runs in your browser.

PNGWebP

FROM

PNG

WebP

QUALITY 88%

Runs entirely in your browser

How it works

Your PNG is drawn onto a canvas with its alpha channel intact and encoded with canvas.toBlob('image/webp', quality), so transparent areas stay transparent. Below 100% the output is lossy WebP; at 100% Chrome and Edge write lossless WebP. A browser that cannot encode WebP returns a PNG, and the download button shows which format you got.

Processing runs in your browser

All conversion happens using the Canvas API inside your browser. Our servers are not involved at any point.

Related operations

To shrink the file size after converting, try compress image. For resizing converted images to fit a target, use resize image. To trim the converted image to an aspect ratio, see image crop.

Frequently asked questions

Does WebP support transparency?: Yes. WebP supports an alpha channel, so transparent PNGs convert cleanly.
How much smaller will my file be?: Lossy WebP, the output at the default quality, is typically 60–80% smaller than equivalent PNG. At 100% quality Chrome and Edge write lossless WebP, which saves about 26%.
How do I get a lossless WebP?: Set the quality slider to 100%. Chrome and Edge then write lossless WebP; below 100% the output is lossy. A browser that cannot encode WebP saves a PNG instead, and the download button shows which format you got.
Where does the conversion happen?: In your browser, with the Canvas API. Our servers are not involved at any point.

Last reviewed September 30, 2026

Other pages for this tool

Related tools

Background reading: Complete guide to image tools
Step by step: Optimize images for the web