7 min read
2026-03-10
The choice of format critically affects the site loading speed and display quality.
| Format | File Size | Support |
|---|---|---|
| JPEG | 100% (basic) | All |
| WebP | ~70% | 96%+ |
| AVIF | ~55% | ~90% |
| PNG (for photos) | 200–500% | All |
Use the `
<picture> <source srcset="image.avif" type="image/avif"> <source srcset="image.webp" type="image/webp"> <img src="image.jpg" alt="Description" loading="lazy"> </picture>
Images - up to 60–70% of page weight
Photo optimization reduces LCP (Largest Contentful Paint)
Google PageSpeed takes into account the format and size of images
Compress images using Image Compressor.
See also: Image Resizer, Image in Base64, Favicon Generator