Velocità Impatto medio Facile 20–40 min

Formati immagine moderni (WebP/AVIF)

WebP e AVIF sono più piccoli del 25–50% rispetto a JPEG/PNG.

Cos'è

WebP e AVIF sono formati immagine moderni con una compressione nettamente migliore rispetto a JPEG/PNG a parità di qualità. Sono supportati da tutti i browser attuali.

Perché è importante

Le immagini sono spesso la parte più pesante della pagina. Il passaggio a WebP/AVIF fa risparmiare decine di percento di dati senza perdita di qualità visibile, un velocizzamento diretto.

Come fare

1Converti le immagini in WebP (universale) o AVIF (ancora più piccolo).
2Usa <picture> con un fallback per sicurezza.
3Automatizza la conversione nel build / tramite una CDN con trasformazione delle immagini.
4Allo stesso tempo ridimensiona alle dimensioni realmente necessarie.

Esempio

Corretto

<picture>
  <source srcset="foto.avif" type="image/avif">
  <source srcset="foto.webp" type="image/webp">
  <img src="foto.jpg" alt="..." width="800" height="600">
</picture>

Conclusione

I formati moderni sono uno dei modi più efficaci per ridurre il peso della pagina. Idealmente automatizza la conversione, così da non doverla fare a mano per ogni immagine. Combinalo con compressione, dimensioni corrette e lazy loading.

Argomenti correlati