Convert PNG to WebP — the pagespeed audit fix

When Lighthouse says "serve images in next-gen formats", this is the page it means. PNGs are routinely the heaviest files on a site, and converting them to WebP cuts 60–90% of the weight while keeping full alpha transparency. Scalir batch-converts an entire asset folder in your browser — no build plugin, no upload, no account — so the fix takes about a minute.

Preconfigured for PNG → WebP at full size — tweak anything below.

Drop images here

or

JPG, PNG, WebP, AVIF, HEIC, GIF, TIFF, BMP · processed on your device, never uploaded

What PNG → WebP typically saves

Real-world ranges by image type, at visually identical quality.

Image typeTypical saving
UI screenshots80–90%
Logos and icons with transparency60–80%
Illustrations and graphics70–85%
Photos accidentally saved as PNG90%+

Fix the audit in three steps

  1. Drag in your image folderPoint Scalir at the assets directory — every PNG in it queues up at once.
  2. Convert to WebPOutput is preset to WebP at original dimensions; alpha channels convert automatically. All cores, all files, in parallel.
  3. Swap them into your siteSave the batch to a folder, update the file extensions in your markup, and re-run the audit.

Why this moves your Core Web Vitals

Image bytes dominate most page weights, and the Largest Contentful Paint element is usually an image. Cutting the heaviest format on the page by two-thirds or more shows up directly in LCP, in bandwidth bills, and in how the page feels on a phone connection.

WebP has shipped in every major browser since 2020, so there is no fallback dance left to do — you can simply serve it. Keep a lossless PNG master in your design files if you like; what the visitor downloads should be WebP.

Related tools

Frequently asked questions

How much smaller is WebP than PNG?

For typical UI graphics, logos and screenshots, expect 60–90% smaller files. Photographic PNGs shrink the most; tiny images see less benefit but still improve.

Does WebP support transparency like PNG?

Yes — WebP has full alpha transparency, so logos and UI elements convert with their edges intact. Scalir preserves the alpha channel automatically.

Do all browsers support WebP?

Every modern browser has supported WebP since 2020 — Chrome, Firefox, Safari, Edge and the mobile browsers. Only long-dead browsers like Internet Explorer do not.

Can I upload WebP to WordPress?

Yes — WordPress has accepted WebP uploads since version 5.8, and most modern CMSs and site builders take it too. If a particular platform refuses, keep those few images as PNG and convert the rest.