Nifty Tools

PNG to WebP

Convert png to webp in your browser. Batch up to 50 at a time. No upload, no signup, no watermark. Quality slider, alpha preserved.

Processing mode: Local Browser-local

  • No file leaves your browser
  • Mode: Browser-local
  • 250+ files processed in the last 24h
Waiting for PNG images.

How to use it

PNG to WebP Converter — Free, In Your Browser

  1. Drop your PNG files onto the workspace, paste from the clipboard, or pick them with the file picker. Up to 50 images per batch, 100 MB per file.
  2. Adjust the quality slider if you want — default 80 is a practical web-delivery starting point; tune higher for visual fidelity or lower for smaller files.
  3. Click Convert. Each image decodes through the browser's built-in PNG path, draws into an alpha-aware canvas, and re-encodes as WebP through `canvas.toBlob('image/webp', q)`. Safari does not currently implement that encoder and silently returns a PNG (per the HTML spec's fallback rule). The tool detects the non-WebP MIME on the returned blob and surfaces a clear error rather than writing a misnamed `.webp` file — switch to a current Chrome, Edge, or Firefox to encode WebP. Download individually or grab the whole batch as a single ZIP.

Good for

Common use cases

PNG is the universal lossless format for screenshots, UI graphics, transparent logos, charts, diagrams, and any image where pixel-perfect fidelity matters more than file size. WebP is the web's modern compression-density format, and it carries one feature PNG fans care about deeply: alpha channels survive the conversion. WebP encodes both lossy and lossless modes with full transparency support, which means a transparent PNG logo, a UI screenshot with a translucent overlay, or a rounded-corner avatar can become a WebP that's 25-50% smaller without losing the alpha. The use case for converting PNG to WebP is almost always web-delivery weight reduction — content blogs heavy on screenshot PNGs, marketing pages with transparent product cutouts, dashboards with chart and graph PNGs, and any site shipping image-heavy documentation. Treat the output as web-delivery payloads — assets you serve from your own site, your CMS, or a CDN where you control the response and can pair a `<picture>` fallback for the rare browser that cannot decode WebP. If the PNG is destined for a print pipeline, a marketplace listing, an email attachment, or an older Office document, PNG remains the safer target and you should leave it alone. The conversion happens in the browser, in a single batch of up to 50 images, which keeps unreleased UI mockups, internal screenshots, and licensed iconography off third-party servers — the PNG source never leaves the tab, the WebP materialises locally, and the only network traffic is the page load itself.

Processing mode

Browser-local

Files are processed by your browser. They never reach our servers.

Questions

PNG to WebP Converter — Free, In Your Browser FAQ

Should I convert PNG to WebP for everything?

No. WebP is for web delivery — assets you serve from your own site, CMS, or CDN, where you control the response and can pair a `<picture>` fallback for any browser that cannot decode WebP. It is the wrong target for print pipelines, marketplace listings (Etsy lists `.jpg`, `.gif`, `.png`, `.svg`, and `.heic` as accepted product images, with no WebP in the list), older or locked-down Office installs that may render WebP as a broken-image placeholder, and email attachments where the recipient's reader may not decode WebP. Use PNG when the destination is unknown, compatibility-sensitive, or genuinely needs lossless fidelity (architectural diagrams, design source files, archival masters); use WebP when you control the delivery and the goal is performance.

Does the WebP keep the PNG's transparency?

Yes. WebP supports alpha channels in both its lossy and lossless modes, and the Canvas `toBlob('image/webp', …)` path preserves the alpha through the encode. Transparent regions in the source PNG come through as transparent regions in the output WebP, so a transparent logo, a rounded-corner avatar, or a product cutout against a page background renders identically once swapped in. There is no flatten-to-white step, no black-fill artefact, and no need to reach for a separate converter when the asset has alpha — that is the structural difference between this tool and JPG-to-WebP, where the destination format does not support alpha at all.

Is the conversion lossless or lossy?

The Canvas WebP encoder runs in lossy mode at the quality you choose. WebP also has a lossless mode in the format spec, but the browser's `canvas.toBlob('image/webp', q)` path encodes in lossy mode and the quality argument controls the lossy quantisation. For most PNG sources — screenshots, UI graphics, photographs with alpha, charts, diagrams — lossy WebP at quality 80-90 is visually indistinguishable from the lossless source while landing 30-50% smaller. If you need bit-for-bit lossless preservation (architectural drawings, design source files going into a CI build, fonts rasterised to bitmap), keep the PNG and do not run it through this tool.

How much smaller are WebP files compared to PNG?

On screenshot, UI, and chart content the savings typically land in the 30-50% range at quality 80-85, with higher savings on large screenshots and lower savings on small icons that PNG already compresses tightly. Photographic content with alpha (product cutouts, portraits with transparency) compresses even more aggressively — the WebP is usually 50-65% smaller than the PNG source because PNG's lossless path is a poor fit for photographic data. The actual saving on any specific image depends on its content; flat colours, hard edges, and gradients compress more efficiently than fine detail and noise. Pair the WebP output with a `<picture>` element that falls back to the PNG for any browser that cannot decode WebP, and the page is faster everywhere modern with no regression elsewhere.

Which browsers can run this WebP encoder?

Canvas WebP encoding through `canvas.toBlob('image/webp', quality)` is supported in current Chrome (since version 50, April 2016), Edge (since the Chromium switch at version 79, January 2020), and Firefox (since version 96, December 2021). Safari does not currently implement the Canvas WebP encoder. Safari renders WebP images via `<img>` perfectly well, but `canvas.toBlob('image/webp', …)` returns a PNG instead — that is the HTML spec's mandated fallback when the requested MIME type is unsupported. The tool detects the non-WebP MIME on the returned blob and surfaces a clear error rather than writing a `.webp` file that is actually a misnamed PNG. The fix is to switch to a current Chrome, Edge, or Firefox.

Is there a file size or batch limit?

Each PNG must be under 100 MB and a single batch can hold up to 50 images. The 100 MB cap protects lower-RAM devices from running out of memory during decode, since the browser materialises the full pixel grid into a canvas before re-encoding. The 50-file cap keeps the ZIP build responsive — for large batches the bottleneck is browser memory, not the conversion itself, since each image processes sequentially. If you need to convert more than 50 images, run the tool twice and stack the resulting ZIPs — the conversion is deterministic, so the second batch produces output identical to what one continuous run would have written.

Will this tool stay free?

The basic workflow is designed to stay free. Paid upgrades later will focus on bigger limits, batch work, OCR, saved presets, and ad-free use.