Image performance
How to prepare images for faster web pages
Start with the final display size. A 3200 pixel image used in a 600 pixel layout forces visitors to download detail they cannot see. Resize first, then choose the output format, then compress.
WebP is a practical default for most web graphics because it balances compatibility and size. AVIF can be smaller, especially for photographic images, but it should be tested in the browsers your audience uses. PNG remains useful for sharp transparency and simple graphics, while JPEG is still a solid option for photos without transparency.
Use the compressor preview before replacing originals. A smaller file is only useful when it still communicates the product, tutorial, or design clearly.