AVIF vs PNG: Quando usare
quale formato di immagine

Confronto rapido

Compressione: Perché i file AVIF sono così più piccoli

AVIF utilizza il codec video AV1 per le immagini fisse. AV1 è stato progettato dalla Alliance for Open Media (Google, Apple, Microsoft, Netflix e altri) e rappresenta decenni di ricerca sulla compressione video applicata alle immagini.

PNG utilizza la compressione DEFLATE (la stessa dei file ZIP) applicata a ogni riga di pixel. È senza perdita — ogni pixel viene preservato esattamente. Questo garantisce una qualità perfetta, ma i file sono intrinsecamente grandi per le fotografie.

La differenza è drastica per i contenuti fotografici:

• Una fotografia 1920×1080: PNG ~4 MB vs AVIF ~100 KB (40x più piccolo)
• Una fotografia 4K: PNG ~15 MB vs AVIF ~300 KB (50x più piccolo)
• Un logo semplice con colori piatti: PNG ~15 KB vs AVIF ~8 KB (2x più piccolo)

Il risparmio è maggiore per le fotografie perché la compressione con perdita di AVIF eccelle nel rimuovere la ridondanza visiva che gli esseri umani non possono percepire. Per grafiche semplici con colori piatti, l’approccio senza perdita di PNG è già efficiente, quindi il divario si riduce.

Qualità visiva: Con perdita vs senza perdita

PNG è sempre senza perdita. Ogni pixel nell’output è identico all’input. Questo rende PNG lo standard di riferimento per:

• Screenshot (il testo deve essere nitido a livello di pixel)
• Diagrammi e disegni tecnici
• Loghi e icone
• File sorgente per ulteriori modifiche
• Codici QR (ogni pixel conta)

AVIF supporta sia la modalità con perdita che senza perdita. In modalità con perdita (predefinita), AVIF scarta informazioni che l’occhio umano non può percepire facilmente. Con impostazioni di alta qualità (CRF 18–23), la differenza rispetto all’originale è praticamente invisibile. Con impostazioni aggressive (CRF 40+), diventano visibili artefatti a blocchi e variazioni di colore.

In modalità senza perdita, AVIF produce un output pixel perfetto come PNG, ma con dimensioni di file circa il 20–30 % più piccole. Tuttavia, la codifica senza perdita di AVIF è molto lenta rispetto a PNG.

Trasparenza

Entrambi i formati supportano la trasparenza completa del canale alfa a 8 bit — ogni pixel può avere 256 livelli di opacità, da completamente trasparente a completamente opaco. Questo consente bordi anti-alias fluidi, sfumature e sovrapposizioni semi-trasparenti.

Differenza chiave: i file AVIF trasparenti sono drasticamente più piccoli dei PNG trasparenti. Una foto di prodotto su sfondo trasparente può pesare 3 MB come PNG ma solo 80 KB come AVIF. Questo rende AVIF particolarmente attraente per le immagini di prodotti e-commerce.

Supporto browser

PNG è supportato da ogni browser mai creato — 100 % di compatibilità, zero rischi.

Supporto AVIF nel 2026:

• Chrome 85+ (agosto 2020) — supporto completo
• Firefox 93+ (ottobre 2021) — supporto completo
• Edge 85+ (uguale a Chrome)
• Opera 71+ (uguale a Chrome)
• Safari 16.4+ (marzo 2023) — supporto completo
• Samsung Internet 16+ — supporto completo
• Internet Explorer — nessun supporto (fine vita)

Il supporto globale è di circa 95 %. Per il restante 5 %, utilizza l’elemento <picture> con un fallback PNG o JPEG:

Supporto software

È qui che PNG ha un enorme vantaggio. PNG è supportato da ogni editor di immagini, CMS, client di posta elettronica, suite per ufficio e sistema operativo esistente. Il supporto AVIF è in crescita ma ancora limitato:

Questo è il motivo principale per cui le persone convertono AVIF in PNG — l’immagine deve essere utilizzata in un software o un flusso di lavoro che non supporta ancora AVIF.

Quando usare AVIF

• Fotografie su siti web: immagini di prodotti, banner hero, immagini di articoli del blog. AVIF offre il miglior rapporto qualità-dimensione di qualsiasi formato.
• Miniature e gallerie: decine o centinaia di immagini su una singola pagina beneficiano enormemente di una riduzione delle dimensioni del 50–90 %.
• Contenuti per social media: upload più piccoli, condivisione più veloce. Le piattaforme che accettano AVIF lo visualizzeranno a piena qualità.
• Siti web mobile-first: file più piccoli significano caricamento più veloce su connessioni mobili e meno consumo di dati per i visitatori.
• Distribuzione CDN: servire AVIF ai browser supportati riduce significativamente i costi di larghezza di banda. Utilizza la negoziazione del contenuto (header Accept) per servire AVIF o PNG/JPEG in modo appropriato.

Quando usare PNG

• Screenshot: testo, elementi dell’interfaccia e bordi netti devono essere perfetti a livello di pixel. AVIF con perdita può sfocare il testo in modo sottile.
• Loghi e icone: grafiche vettoriali con colori piatti e bordi netti. PNG li gestisce in modo efficiente e senza perdita.
• File sorgente/archivio: se devi modificare l’immagine in seguito, conserva il PNG senza perdita. La compressione con perdita di AVIF rimuove le informazioni in modo permanente.
• Stampa: i servizi di stampa accettano universalmente PNG e TIFF. Pochissimi accettano AVIF.
• E-mail: i client di posta elettronica hanno un supporto AVIF quasi nullo. PNG è la scelta sicura per le immagini nelle e-mail.
• Condivisione universale: stai inviando un’immagine a qualcuno che potrebbe non avere il supporto AVIF? Usa PNG.
• Sprite e asset di gioco: i motori di gioco e gli strumenti per sprite si aspettano PNG. La precisione a livello di pixel è fondamentale.

E WebP?

WebP si posiziona tra PNG e AVIF sia per efficienza di compressione che per compatibilità:

Per la distribuzione web, WebP è un compromesso pragmatico: 50 % più piccolo di PNG, supporto browser quasi universale e buona compatibilità software. AVIF offre una compressione migliore ma con codifica più lenta e minore compatibilità. Molti siti web servono AVIF con WebP come fallback e PNG come ultima risorsa.