Convert PNG to WEBP

Turn PNG images into WEBP files right in your browser. No upload, no signup, no watermark.

Converting PNG to WebP is the single biggest file-size win available for transparent graphics on the web. Drop a PNG, choose a quality level, and the converted WEBP is produced and measured in your browser.

Processed in your browser

Drop your image here

or choose an image from your device

Choose an image

Accepts PNG images · No fixed size limit — we adapt to what your device can handle. Very large files may take longer or show a warning.

About PNG to WEBP

PNG vs WebP in practice

PNG is lossless: it stores every pixel exactly, which makes it excellent as a master file and poor as a delivery format for photographs or detailed artwork. WebP can compress colour data lossily while still keeping a full alpha channel — something PNG cannot do at all. That combination is why a large transparent PNG typically drops 60–80% in size when converted, while a small flat-colour icon may save very little.

Transparency and quality

The alpha channel survives conversion, so cut-outs and soft shadows keep their edges. At quality 80 and above semi-transparent edges hold up well; at 90 the difference from the PNG is hard to see even on hard-edged logos. Because the conversion is lossy, keep the PNG as your editable master.

Website performance

WebP is supported by every current browser, so serving WebP instead of PNG reduces bytes transferred and improves Largest Contentful Paint on image-heavy pages. The result panel reports the measured byte counts of the actual output file, so you can judge whether the swap is worth it for a particular image rather than assuming it.

Settings and output

The quality slider

This sets the WebP encoder's lossy quality from 0–100. 80–90 is the practical range for transparent graphics: below 70 you'll start to see soft banding around cut-out edges, above 95 the file grows fast for a gain you probably can't see.

When to use it

Shrinking transparent product shots, logos and overlays before publishing them.
Reducing page weight on a site that currently serves large PNG hero images.
Preparing lighter assets for a theme, app or email-safe CDN.

Limitations to know

Conversion is lossy at the quality you choose — it is not a lossless PNG replacement.
Small icons and flat-colour graphics may save little, because PNG already compresses those efficiently.
Some older desktop software still cannot open WEBP files.

Common problems and fixes

The WEBP came out bigger than the PNG.

This happens on small flat-colour icons, where PNG's run-length compression is already near-optimal. Try a lower quality value, or simply keep the PNG for that particular image.

Edges of my logo look slightly fuzzy after converting.

That's lossy compression softening the alpha channel. Raise quality to 90 or higher, or keep hard-edged logos as PNG if pixel-perfect edges matter more than file size.

Will this work if my browser doesn't support WebP encoding?

The tool runs a real test encode first and tells you plainly if WebP output isn't available, rather than silently handing you a mislabelled file.

How to use it

1Drop a PNG — transparent ones benefit the most from this conversion.
2Choose a quality value. WEBP keeps the alpha channel while compressing the colour data lossily, which PNG cannot do at all.
3Convert and compare the byte counts in the result panel.
4Download. Transparency is preserved in the output file.

Frequently asked questions

Does WEBP keep PNG transparency?

Yes. The alpha channel survives the conversion, which is what makes this the biggest single saving available for cut-outs, logos with soft shadows and overlay graphics.

How large is the saving on transparent images?

Commonly 60–80% for large PNG cut-outs. Small flat-colour icons save much less, because PNG already compresses runs of identical pixels very efficiently.

Is the conversion lossless?

No — this tool uses lossy WEBP with your quality setting, which is where the size reduction comes from. Keep the PNG as your master if you'll be editing the graphic again.

Will the edges of my cut-out get fuzzy?

At quality 80 and above, semi-transparent edges hold up well. If you see fringing on a hard-edged logo, raise quality to 90 or keep it as PNG.

Is this PNG to WEBP converter free to use online?

Yes — no signup, no watermark and no upload. Conversion happens in your browser, so the file never leaves your device.

Related guides

Not sure which settings this image needs? Run it through the image optimization tool to get an optimization score and automatic format, quality and size choices.