Fix Unoptimized Images

Unoptimized Images

Problem: Images are too large in file size or dimensions.
Why it fails: Slows down LCP and overall page load, consumes unnecessary bandwidth.
How to Fix "optimize images for web":
- Compress Images: Use tools like Squoosh, TinyPNG, or imageoptim-cli. Aim for a balance between quality and file size.
- Use Modern Formats: Serve WebP or AVIF where supported, with fallbacks (e.g., using the <picture> element).
```
<picture>
  <source srcset="image.avif" type="image/avif">
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" width="600" height="400" alt="...">
</picture>
```
- Serve Responsive Images: Use srcset and sizes attributes to provide different image sizes for different screen resolutions and viewport sizes.