AVIF

AVIF (AV1 Image File Format) è un moderno formato immagine derivato dal codec video AV1. Standardizzato nel 2019. Comprime del 20–30% più piccolo di WebP a qualità visiva equivalente.

Come WebP, AVIF supporta modalità sia lossy che lossless, alfa completo (trasparenza), animazione, HDR e gamut di colori ampi. A differenza di WebP, è costoso da codificare — i codificatori possono impiegare 10× fino a 100× più tempo rispetto alla codifica WebP equivalente per lo stesso input. La decodifica è veloce (il decoder video AV1 è ben ottimizzato, inclusa l’accelerazione hardware sulle CPU e GPU recenti).

Supporto browser al 2026: ~93% a livello globale. Chrome dal 2020, Firefox dal 2021, Safari dal 2022. I dispositivi Android e Apple più vecchi ancora non lo supportano.

Quando AVIF vale il costo di codifica:

• Siti ad alta intensità di immagini dove il peso della pagina è critico — immagini hero per l’e-commerce, siti di gallerie, media d’informazione.
• Immagini distribuite via CDN dove la codifica avviene una sola volta al momento del caricamento.
• Audience mobile-first su connessioni a consumo — il risparmio di banda del 20–30% si accumula.

Per la maggior parte dei flussi di lavoro, WebP è il default più semplice e AVIF è un’ottimizzazione utile quando si dispone già di una pipeline di build che produce varianti in più formati e le serve tramite fallback <picture>.

Esempio pratico

Prendiamo una fotografia 4000×3000 da uno smartphone moderno. Il JPEG originale dalla fotocamera a qualità 85 è di circa 4,2 MB. Ricodificando la stessa immagine in WebP a qualità 80 (visivamente equivalente) si ottengono circa 2,8 MB — un risparmio del 33%. Ricodificando in AVIF a qualità 60 (ancora visivamente equivalente perché la scala di qualità di AVIF usa numeri più bassi per lo stesso risultato percepito) si ottengono circa 1,9 MB — un risparmio del 55% rispetto a JPEG e del 32% rispetto a WebP. Il tempo di codifica racconta l’altra metà della storia: JPEG si codifica in ~50 ms su un laptop moderno, WebP in ~300 ms, AVIF in ~3–8 secondi con il preset lento-ma-alta-qualità. I tempi di decodifica sono approssimativamente equivalenti tra tutti e tre perché il decoder AV1 è ben ottimizzato. Per una singola immagine hero visualizzata su un milione di caricamenti di pagina, il costo di codifica è ammortizzato una volta; per una galleria caricata dall’utente e trascritta al volo, AVIF può essere impraticabile.

Quando e perché è importante

AVIF è importante ogni volta che i costi di banda (uscita CDN, limiti dati per gli utenti mobile, Core Web Vitals) superano il tempo di codifica. Il deployment più comune è una pipeline in fase di build (Next.js Image, Cloudflare Polish, ImageKit) che produce varianti AVIF + WebP + JPEG una volta al momento del caricamento e serve il formato migliore supportato per richiesta tramite l’elemento <picture>. Per i siti misurati dal Largest Contentful Paint (LCP) — una metrica Core Web Vitals che Google considera per il ranking nelle ricerche — ridurre del 30% il peso dell’immagine hero migliora direttamente il punteggio su mobile. Saltare AVIF quando si ha bisogno di un ampio supporto legacy browser (Safari su iPad pre-2022 ancora non riesce), quando si generano thumbnail al volo senza una coda (la latenza di codifica blocca la risposta), o quando il file è già piccolo (sotto 50 KB il risparmio assoluto è minuscolo). Riferimento: web.dev — Usa AVIF per comprimere le immagini.

Alliance for Open Media — perché AVIF è libero da brevetti: AV1, il codec genitore di AVIF, è stato sviluppato da AOMedia (Google, Mozilla, Cisco, Intel, Microsoft, Netflix, Amazon, Apple dal 2018) esplicitamente come alternativa royalty-free a HEVC, la cui licenza brevettuale frammentata su più pool lo rendeva commercialmente tossico per il deployment nei browser. AVIF eredita il permesso brevettuale di AV1: chiunque può implementare, distribuire e servire AVIF senza pagare fee di licenza. JPEG XL — un formato moderno concorrente con strumenti potenzialmente migliori per l’archiviazione — ha subito rallentamenti nei browser in parte per posizioni brevettali poco chiare, mentre il permesso pulito di AVIF ha accelerato la sua adozione.

Ordinamento consigliato per <picture>: servire prima AVIF (miglior compressione), poi WebP (supporto più ampio), poi JPEG/PNG (fallback universale). Il browser sceglie il primo formato supportato e non scarica mai gli altri. <picture><source type="image/avif" srcset="hero.avif"><source type="image/webp" srcset="hero.webp"><img src="hero.jpg" alt="..."></picture>. Errori comuni: dimenticare gli attributi type= (il browser non può saltare senza analizzare), o mettere il fallback <img> prima della source AVIF (il browser si ferma al primo match). Correlati: WebP, lossy. Riferimento: Specifica AVIF — AOMedia.