Convert PNG to WebP Online
Convert a PNG image to WebP. WebP keeps PNG’s transparency while cutting file size roughly in half — a good swap for website images. Runs locally.
Upload an image
Drop an image here, or click to browse
JPG, PNG, WebP · Max 50 MB per file
Your image stays on your device. This tool runs entirely in your browser. Your file is never uploaded to our server.
How do you convert a PNG to WebP?
Converting a PNG to WebP here is a three-step loop: drop the file, set the quality, and download. The tool decodes your PNG and re-encodes it as WebP, which keeps the transparency while roughly halving the file size, and both formats are preselected so there is no picker to manage. The encode runs in your browser through the Canvas API, never on a server. To make the saving concrete: a 900 KB transparent PNG logo encoded at quality 80 percent typically comes out around 400 to 450 KB, with the alpha channel fully intact.
- 1Drop or select a PNG. Files up to 50 MB are accepted.
- 2Drag the quality slider and watch the estimated file size update.
- 3Check the before and after preview, including the transparent area.
- 4Download the WebP. Your original PNG is never modified.
How much smaller will the WebP be?
The saving depends on what is in the PNG. Photos and large graphics with gradients shrink the most, often by 50 to 70 percent, because PNG stores every pixel while WebP throws away detail the eye does not miss. Flat logos and icons shrink less, usually 30 to 60 percent, since PNG already compresses those well. A 3.2 MB product photo, for example, often lands around 1 MB as WebP. The page shows the exact result for your image before you download.
- Photos and gradients shrink the most, often 50 to 70 percent.
- Logos and icons with flat color shrink moderately, usually 30 to 60 percent.
- Small or very detailed graphics shrink the least, but rarely grow.
Common use cases for PNG to WebP conversion
Website icons and UI assets
A design file exports icons as PNG because they need transparency, and a set of 40 icons at 80 KB each totals 3.2 MB. Converted to WebP, the same set lands around 1.6 MB, halving the asset weight with no visible change to the icons.
Transparent product photos
A storefront shows a shirt on a transparent background, and the PNG weighs 1.8 MB. As WebP at quality 80 percent it drops to 900 KB, so the product page loads faster while the transparency that lets the background show through stays intact.
Hero images with soft edges
A marketing banner with a transparent cutout of a person often sits between 2 and 4 MB as PNG. Converted to WebP at quality 85 percent it drops to roughly half that size and still overlays cleanly on any background color.
Email and chat assets
Attaching a 2.5 MB transparent PNG to a message can trip attachment limits. As WebP it drops to 1.2 MB and still renders correctly in modern mail clients and messengers, which support WebP inline.
WebP versus PNG: what changes?
The headline difference is that WebP is lossy and PNG is not. WebP gets its size win by discarding detail the eye does not miss, while PNG records every pixel. That makes the swap ideal for images headed to a screen, and less ideal when the file must be edited later or printed, where the lossless original is worth keeping. The transparency is the one thing that does not change: WebP carries a full alpha channel, so transparent backgrounds survive the conversion exactly as they are.
What quality setting should you use?
- Icons and small UI elements: 70 to 85 percent. Small renders hide the loss well.
- Product and marketing images: 80 to 90 percent. Detail holds up at normal screen sizes.
- Photos you might zoom into: 90 to 95 percent. Keeps fine texture intact at the cost of a larger file.
When should you keep the PNG instead?
WebP is the right tool for images headed to a screen, but the lossless PNG is still the better pick for some jobs. If the image will be edited again, PNG saves do not accumulate loss the way WebP re-encodes do. If the image goes to print, a lossless original is often required by the shop. And if the smallest possible file does not matter, keeping the PNG avoids any question of quality loss entirely.
- Keep the PNG for images you will edit again, since every PNG save is lossless.
- Keep the PNG for print deliveries, where a lossless original is often required.
- Convert to WebP for website and app images, where the smaller file wins.
Why convert in the browser?
Every image processed on this page is handled by the Canvas API inside your browser. Nothing is uploaded, no account is required, and there is no queue to wait in. That makes the tool a sensible choice for brand assets, client work, and personal photos where sending the file to a third-party service would be a problem. Processing starts the moment the file is selected and a typical conversion finishes in under a second.
Frequently asked questions
Are my images uploaded to a server?
No. Everything runs locally in your browser with the Canvas API, so the file never leaves your device. There is no upload step, no account, and no processing queue.
Does converting PNG to WebP keep the transparency?
Yes. WebP carries a full alpha channel, so transparent backgrounds survive the conversion exactly as they are. That is the main reason PNG assets convert so cleanly to WebP.
How much smaller is WebP than PNG?
For photos, often 50 to 70 percent smaller. For flat logos and icons, 30 to 60 percent is typical at the same quality. The page shows the exact saving for your file before you download.
Is WebP lossless like PNG?
No. This tool uses the lossy mode of WebP, controlled by the quality slider. At high settings the result is visually indistinguishable from the lossless original, but the file is much smaller.
Will I notice the quality difference?
At quality 80 percent or above the difference is usually invisible at normal viewing sizes. Below 60 percent you may see artifacts around edges and gradients, so check the preview before downloading.
Can I convert the WebP back to PNG later?
Yes, using the WebP to PNG tool. Converting a lossy WebP back to PNG will not restore detail that was already discarded, so keep the original PNG if you still need it.
What is the biggest PNG I can convert?
Input files are limited to 50 MB. The ceiling exists because the tool decodes the full image into memory in your browser, and anything much larger makes the page sluggish. Most PNGs are far below the limit.