Image Tools

PNG to WebP

Converts one PNG image to WebP in your browser using the canvas encoder at a fixed quality of 0.92. WebP can store transparency, so a PNG with a transparent background keeps it, and the file is often smaller.

1
Add Files
2
Process
3
Download
Processed in your browser — your file is not uploaded.

Drop your files here

or click to browse files

Up to 1 files

PNG → WebP conversion:

  • WebP output (lossy at a fixed quality)
  • Transparency preserved
  • Modern web format

How to Use

  1. 1Drop a .png file onto the upload area, or click it to choose one.
  2. 2Only one PNG can be converted per run.
  3. 3Click 'Convert to WebP' and wait for 'Converting PNG to WebP...' to finish.
  4. 4Download the WebP file. If your browser cannot encode WebP, an error is shown.

About this tool

Updated

Often a large saving on graphics

WebP usually produces a much smaller file than PNG for the same picture, which is why it is common on the web.

The gap is widest on images that combine flat areas with photographic detail, such as a screenshot of an application or a banner with a photo behind text — exactly the cases where PNG has to store everything exactly and pays for it. Illustrations and logos also shrink, often substantially. For a website with many such images the total saving is usually the reason people make this conversion at all.

Transparency survives, quality does not

The alpha channel is preserved, but the WebP written here is lossy, so a lossless PNG becomes a lossy image.

This is the trade you are making and it is worth stating plainly, because PNG users often assume WebP behaves losslessly. It can, but the file produced here is compressed with a high-quality lossy setting. On photographs and rich graphics that is invisible. On a logo with hard edges, or fine text at small sizes, you may find faint softening if you look closely at full zoom. Check anything where crisp edges are the point.

Keep the PNG as your master

Convert for delivery, not for storage, and keep the original PNG for future editing.

Because the conversion is lossy, editing the WebP and re-saving compounds the loss, and converting back to PNG produces a lossless copy of a degraded image rather than the original. The sensible pattern is to treat the PNG as the source of truth and generate WebP whenever you publish. That way a future redesign can start from clean pixels.

Check that your destination accepts it

Browsers handle WebP well. Email clients, older software, print workflows and many upload forms still do not.

If the image is destined for a web page, this conversion is straightforwardly worth it. If it is going into a document, a print job or a form that lists only JPG and PNG, converting will only create a file nobody can open. For a smaller PNG that stays a PNG, Image Compressor reduces size without changing format.

Features

  • Accepts .png files only, one file per conversion
  • Exports WebP at a fixed quality of 0.92; there is no quality slider or lossless switch
  • WebP supports an alpha channel, so transparent PNG areas are kept
  • Keeps the original pixel dimensions
  • Shows a clear error if the browser returns a format other than WebP
  • Runs in your browser using the canvas API; the file is not uploaded for the conversion

FAQ

Does the WebP keep my PNG's transparent background?

Yes, WebP supports transparency and this tool does not fill the background, so transparent areas stay transparent when your browser encodes WebP correctly.

Is the WebP lossless like the PNG?

Not necessarily. The tool asks the browser for WebP at quality 0.92, which is a lossy setting, so tiny differences from the PNG are possible. If you need exact pixels, keep the PNG.

Why is the WebP sometimes not much smaller than the PNG?

Savings vary. Photographic PNGs usually shrink a lot, while small flat-colour graphics may already be tiny as PNG and gain little. Compare sizes before swapping files.

The tool says my browser cannot encode WebP. What now?

Canvas WebP encoding works in Chromium browsers and Firefox but may not in Safari. The tool detects a mismatched output type and stops with an error instead of giving you a wrongly named file. Use a different browser.