When to use PNG to WebP
You're writing documentation for a SaaS product and the dashboard screenshots are all PNGs. They look sharp but your doc site's Lighthouse score tanks on image weight. Drag the batch here: your browser's built-in image encoder converts each PNG to WebP, preserving any transparent UI chrome while cutting lossless file sizes by roughly 26%. No server touches the files. You download the WebP versions and swap them into your docs repo in one commit. This is the move whenever you're prepping screenshots for a Notion embed, a Gitbook article, or a README — anywhere that renders modern image formats and you want pages to snap open quickly.
- Swap PNG dashboard screenshots for WebP in a Gitbook doc site
- Cut image weight before committing assets to a GitHub README
- Shrink transparent UI chrome exports for a product tour page