Shrink PNG screenshots, logos and photos for the web while keeping transparent backgrounds. Convert in bulk, entirely in your browser.
No limits or paywall.
Use instantly, no account.
Processed inside your browser.
Clean, full-quality output.
No upload queue or waiting.
Works on phone and desktop.
PNG is the go-to format for anything with transparency or sharp edges: logos, product cut-outs, UI screenshots, illustrations. The downside is size. Because PNG is always lossless, a transparent product photo can easily weigh two or three megabytes, and a page with a dozen of them becomes painfully slow on mobile. WebP solves this neatly: it supports the same transparency, but can compress the colour data lossily, so files often end up a fraction of the size.
This free converter turns PNG into WebP in your browser. Add your files above, choose a quality, and download WebPs with their transparent backgrounds intact, individually or as a ZIP. No uploads, no account and no watermark.
Before
PNG with alpha, 1600 × 1200 product cut-out
≈ 2.2 MB
Lossless PNG must store every pixel of the photo, plus the alpha channel.
After
WebP with alpha, quality 80
≈ 150–250 KB
Transparent background preserved; visually equivalent on screen.
Typical for photographic PNGs with transparency. Flat graphics like icons and simple logos start small and save less; for those, check that WebP is actually smaller before switching.
Drop PNG images into the workspace at the top of the page. Transparent PNGs are fully supported.
WebP is preselected. Use 80 for photos and cut-outs; raise it to 90+ for graphics with fine text or thin lines.
Click Convert Now. Your browser encodes each image as WebP, keeping the alpha channel.
Save files one by one or use Download All Converted for a ZIP archive.
| Property | PNG | WebP | Practical takeaway |
|---|---|---|---|
| Compression | Lossless only | Lossy or lossless | WebP lets you trade invisible detail for bytes |
| Transparency | 8-bit alpha | 8-bit alpha (lossy or lossless) | Cut-outs stay cut out |
| Photographic PNG | 2–4 MB typical | 150–400 KB typical | Huge savings |
| Flat icon / logo | Already small | Similar or slightly smaller | Compare before switching |
| Animation | APNG (limited use) | Yes | WebP can replace animated GIF/APNG |
| Browser support | Universal | All current browsers | Safe for websites |
| Desktop / print software | Universal | Patchy | Keep PNG masters for print |
In a PNG, each pixel stores red, green, blue and alpha values, and all four are compressed losslessly together. WebP treats the alpha channel separately. In lossy mode, the colour data is compressed with VP8-style prediction and transforms, while the alpha plane is compressed losslessly by default. That design matters: edges of cut-outs stay clean and free of halos, while the visually forgiving colour data gets the heavy compression.
The result is that a transparent product photo, the classic worst case for PNG, typically drops from megabytes to a couple of hundred kilobytes with no visible change against a page background. For flat graphics, WebP's lossless mode uses techniques like colour caching and spatial prediction that often beat PNG's DEFLATE by a meaningful margin.
Not every PNG shrinks by the same amount. Knowing which ones gain most helps you prioritise:
Lossy compression works by discarding high-frequency detail, and text is pure high-frequency detail. For screenshots and diagrams with small type, start at quality 90 and check the comparison slider at 100% zoom. If letters look soft, go higher. For photos and cut-outs, 75–80 is usually indistinguishable from the original.
Edges on transparent images deserve one more check. Place the result over a dark and a light background in your design tool, or simply view it in the preview, to make sure anti-aliased edges look natural. Because WebP keeps alpha lossless by default, edges usually survive perfectly.
All current browsers render WebP, so you can usually swap PNG files for WebP files directly in your HTML or CMS. Keep the original PNGs for editing, printing and any partner who needs them. If you must support legacy software, use the <picture> element with a WebP source and PNG fallback.
To get the full performance benefit, also make sure the image is not larger than it is displayed. A 2000-pixel logo shown at 200 pixels wastes bytes in any format. Resize first with the Image Resizer, then convert.
Converting one image is easy; converting a site's worth of graphics is where a plan helps. Start by finding out where the weight is. Run the Website Image Audit on your most visited pages and sort by file size. A handful of large PNGs, often hero illustrations, product cut-outs or screenshots, usually account for most of the image bytes, so convert those first.
Next, check each image's displayed size in the browser's developer tools and resize anything that is much larger than it appears on screen, keeping about twice the displayed width for sharp high-density displays. Then convert the batch here, using quality 90 for text-heavy graphics and 80 for photographic ones. Replace the files in your CMS or code, keeping the PNG originals in your asset library.
Finally, verify. Reload the page with the cache disabled, compare the transferred image size before and after, and look at each converted image over its real background, especially transparent edges on dark sections. Repeat the audit a month later; new content tends to bring new oversized PNGs with it.
Everything runs in your browser. Your PNG is decoded and re-encoded with the browser's native WebP encoder, with no network transfer, so even large batches convert quickly and confidential assets such as unreleased designs stay on your machine. Exported files contain no EXIF or text metadata.
Transparent product images on coloured category pages are perfect candidates; they keep their clean edges at a fraction of the weight.
Screenshots of software and dashboards load much faster as WebP, especially on long tutorial pages.
Logos, badges and illustrations with transparency stay crisp over any background colour.
Developers can shrink UI illustrations and onboarding graphics to improve first load.
Yes. WebP supports an 8-bit alpha channel in both its lossy and lossless modes, so transparent backgrounds and soft anti-aliased edges are preserved.
It depends on the content. Photographic PNGs, such as product cut-outs, often shrink by 80–95%. Screenshots usually shrink substantially. Tiny flat icons may barely change because PNG already handles them efficiently.
At high quality settings (90 and above) text stays crisp. Below about 75, small text can soften slightly. Check the comparison slider at full zoom before you download.
Every current browser, including Safari on iPhone and Mac, displays WebP. It is safe to use on modern websites.
No. Conversion runs locally using your browser's WebP encoder. Your files never leave your device.
Keep them. PNG is the better master format for editing and print, and some tools still do not accept WebP. Use WebP as the delivery copy for the web.
Yes. Add as many PNG files as you like, convert them together and download a single ZIP.
That can happen with very simple graphics, such as a small icon with a few flat colours, especially at high quality settings. In that case keep the PNG, or lower the quality and compare again.
Facing issues or want to request a feature?
Let us know immediately! We would love to hear your feedback.