Free SEO audit with 10 action points - $2K worth of value
Rasesh Koirala

PNG to WebP Converter

Convert PNG images to WebP in your browser, with transparency kept - in batches, nothing uploaded.

Drop PNG files hereor click to choose - transparency is kept
Quality lower means smaller
85%

How to use it

  1. Drop your PNG files onto the box, or click to choose several.
  2. Set the quality - 85% keeps things crisp while cutting size.
  3. Download each WebP. Transparency is preserved.
  4. Swap them into your pages and update the file references.

What it does, and what it does not

It does: convert PNG images to WebP in your browser, keeping the alpha channel so transparency is preserved, and show the size saved for each file. It handles batches.

It does not: upload your files, or convert WebP back to PNG. For photographs, the JPG to WebP tool is a better starting point.

Reference

PNG is the right format for graphics with sharp edges and transparency - logos, icons, screenshots, illustrations - but the files are often large. WebP was designed to replace it, and for most graphics it produces a visibly identical image at a fraction of the size while keeping transparency intact. Converting your PNGs to WebP is a straightforward page-speed win, and page speed feeds Core Web Vitals, which Google uses as a ranking signal.

WebP supports both lossless and lossy compression as well as an alpha channel, which is what lets it replace PNG without losing transparency. This tool uses the browser's WebP encoder with a quality control: at high settings the result is essentially indistinguishable from the PNG but smaller, and lowering the quality trades a little fidelity for a lot more saving. For flat-colour graphics you can often push the quality down further than you would expect before any difference shows. Because the conversion runs on the canvas in your browser, your images are never uploaded - useful for client logos and unreleased assets.

Browser support for WebP is effectively universal now across current Chrome, Firefox, Safari and Edge, so for most sites you can serve it directly. If you must support very old browsers, the robust pattern is the HTML <picture> element with a WebP source and a PNG fallback, so modern browsers get the small file and old ones still work. After converting, remember to update the references in your pages, and keep the width and height attributes on the image so the browser reserves the right space and avoids layout shift. Convert once, ship lighter pages, and your images stop being the thing that slows everything down.

Questions

Is transparency preserved?

Yes. WebP has an alpha channel, and this tool keeps it, so transparent PNGs convert to transparent WebP.

Do all browsers support WebP?

Effectively yes - all current versions of Chrome, Firefox, Safari and Edge support it. For very old browsers, use a <picture> element with a PNG fallback.

What quality should I use?

Around 85% is a safe default. Flat-colour graphics often look perfect much lower, so try reducing it and watch the preview and file size.

Are my files uploaded?

No. Conversion runs in your browser with the canvas API. Nothing leaves your device.

PNG or WebP for photos?

For photographs, start from JPEG - use the JPG to WebP tool. PNG suits graphics, logos and anything needing transparency.

Related tools

Built by , SEO consultant and trainer in Sydney. Found a bug or want a tool added? Tell me.