Le immagini sono quasi sempre il peso maggiore di una pagina, e i formati moderni sono soldi trovati:
- WebP – ~25-30% più leggero del JPEG a pari qualità, supporto universale ormai da anni, encoding veloce: il default sicuro per tutto
- AVIF – ancora più efficiente (specie a qualità basse e sulle foto), supporto browser ormai completo, ma encoding lento: perfetto in build o con CDN che converte, meno per l'upload al volo
- il pattern che non sbaglia:
<picture>con AVIF, WebP e fallback classico – ogni browser prende il meglio che capisce
Le regole che valgono più del formato: dimensioni giuste (servire 2000px in un riquadro da 400 è il peccato capitale – srcset esiste per questo), width/height dichiarati contro il layout shift, loading="lazy" sotto la piega ma mai sull'immagine principale. Su WordPress la conversione automatica all'upload la fa SpeedMate; altrove, cwebp/avifenc nella pipeline di build.