# How to serve images in next-gen formats (WebP, AVIF)

> WebP and AVIF are 25–50 % smaller than JPEG and PNG at the same quality. Converting the hero image alone often fixes LCP.

Speed & Core Web Vitals · HTML version: https://getreport.app/learn/image-formats

## Modern image formats

Passing looks like: Images are served in modern formats (WebP or AVIF).

**Why it matters.** WebP and AVIF are 25–50 % smaller than JPEG and PNG at the same quality. Smaller images load faster and cost visitors less data.

**How to fix it.**

1. Convert images to WebP or AVIF and serve them with <picture> or content negotiation.
2. WordPress: enable WebP/AVIF in your image plugin or CDN (Imagify, ShortPixel, Cloudflare Polish); Shopify does this automatically for its CDN.

Check your own page: https://getreport.app/