Skip to content
Media

PNG to WebP

Convert PNG images to WebP with adjustable quality and savings.

pngwebpconvertimagecompress
Loading tool…

Recommended tools

Affiliate links — we may earn a commission if you sign up.

About the PNG to WebP

The PNG to WebP converter batch-converts PNG images to the modern WebP format with a quality slider, and it re-encodes automatically whenever you adjust the slider — no need to re-add files. Drop in one PNG or a whole folder of them, and each file lands in a results table showing a thumbnail, pixel dimensions, original size, WebP size, and a per-file savings percentage. Totals above the table sum the original and converted bytes and show an overall savings figure. Every row has a Download button, and "Download all" grabs the finished batch in one go. The quality slider runs from 0.1 to 1.0 (default 0.8) in 0.05 steps, and an alert explains the critical detail: anything below 1.0 is lossy, while 1.0 is near-lossless — so you always know which side of that line you are on. Conversion happens on a canvas inside the browser, meaning private images never reach a server. For site owners chasing Core Web Vitals, batch converting PNG assets to WebP typically cuts image weight by half or more, which is why this online PNG to WebP converter pays for itself on the first lighthouse run.

Hand-written guide

Examples

Input
Three PNG screenshots added with quality left at the 0.8 default.
Output
The table lists each file's original and WebP sizes with savings like 62.4%, and the totals row shows overall savings.
Note: Screenshots with flat colors compress especially well in WebP.
Input
The same three files after dragging the quality slider down to 0.5.
Output
All rows re-convert automatically; savings jump higher while thumbnails show slightly softer edges.
Note: The re-convert-on-slider behavior makes A/B quality testing effortless.
Input
A PNG with transparency, converted at quality 1.0.
Output
A near-lossless WebP that keeps the alpha channel intact at minimal size reduction.
Note: WebP retains transparency, unlike the JPEG path in other converters.

How to use

  1. 1

    Click "Choose PNG files" or drop one or more PNGs onto the upload area.

  2. 2

    Wait for each row to move from "Processing…" to a size and dimensions.

  3. 3

    Set the Quality slider — files re-convert automatically as you drag.

  4. 4

    Read per-file savings in the table and the totals in the stats row.

  5. 5

    Use each row's Download button, or "Download all" for the whole batch.

Common use cases

  • Converting a product image folder from PNG to WebP for an e-commerce relaunch.
  • Shrinking documentation screenshots before committing them to a repository.
  • Preparing WebP variants for a <picture> element serving modern browsers.
  • Batch-optimizing a portfolio gallery to cut bandwidth on image-heavy pages.
  • Converting transparency-bearing graphics without flattening to white.
  • Testing quality levels side by side to find the smallest acceptable setting.

Best practices

  • Use quality 0.8–0.9 for web photography and 1.0 when transparency must stay pristine.
  • Remember the alert: values under 1.0 are lossy, so pick deliberately.
  • Convert and compare on a copy — keep the original PNGs as masters.
  • Serve WebP through a picture element with PNG fallbacks for old browsers.
  • Batch small sets first to gauge typical savings before mass conversion.

Tips

  • Drag the slider and watch the table refresh — quality testing is instant.
  • Thumbnails render as WebP, so what you see is the actual output.
  • Remove a row with its X button if one file is holding up the batch.
  • Download all only includes rows that finished converting successfully.

Frequently asked questions

Both are available. Quality values below 1.0 use lossy encoding, while quality 1.0 is near-lossless. The alert under the slider spells out this distinction.

Explore more media tools

Browse the full collection of media tools on the hub, or jump back to all categories.