WebP vs AVIF: quale formato di immagine usare nel 2026?
Pubblicato da @SoNiceInfo il 22/09/2026 (Aggiornato il 24/09/2026)
La risposta breve alla domanda «WebP o AVIF?» è: esportali entrambi e pubblicali con l’elemento <picture>. Metti per primo AVIF, poi WebP e infine JPEG o PNG come ultimo fallback: i browser che li supportano ricevono il file più piccolo, e tutti gli altri ricevono comunque un’immagine normale. Se puoi pubblicare un solo formato, scegli WebP per la compatibilità e la velocità di codifica, oppure AVIF per il massimo risparmio e per l’HDR e la profondità a 10/12 bit.
Tabella di confronto WebP vs AVIF
WebP è il formato immagine di Google basato sul codec video VP8; AVIF è un formato immagine basato sul codec video AV1. Entrambi supportano compressione con perdita e senza perdita, trasparenza e animazione. Si differenziano per efficienza di compressione, profondità di bit e velocità di codifica.
| Caratteristica | JPEG | WebP | AVIF |
|---|---|---|---|
| Compressione (con perdita, a parità di qualità) | Riferimento | Circa il 25–35% in meno | Circa il 50% in meno |
| Compressione senza perdita | No | Sì (circa il 26% in meno rispetto al PNG) | Sì |
| Trasparenza / animazione | No | Sì | Sì |
| Profondità a 10 / 12 bit | No | No (8 bit) | Sì |
| HDR / gamma estesa | No | Limitato | Supporto completo |
| Velocità di codifica | Veloce | Veloce | Nettamente più lenta |
| Dimensioni massime | 65.535 × 65.535 px | 16.383 × 16.383 px | Gestisce immagini più grandi di WebP |
| Rendering progressivo | Sì | No | No |
| Supporto dei browser | Tutti | Tutti i principali browser (Safari su macOS 11 / iOS 14 e successivi) | Tutti i principali browser (Safari su macOS 13 / iOS 16 e successivi) |
I valori di compressione sono indicazioni di massima tratte da studi comparativi pubblicati e variano in base al contenuto dell’immagine e alle impostazioni dell’encoder.
Un esempio misurato: un JPEG convertito in WebP e AVIF
Ecco cosa è successo convertendo una foto JPEG da 1600×1064 px (230 KB) con gli encoder a riga di comando su un Mac.
# WebP (cwebp 1.6.0)
cwebp -q 80 in.jpg -o out.webp # 230 KB -> 112 KB
# AVIF (avifenc 1.4.2)
avifenc -q 60 -s 6 in.jpg out.avif # 230 KB -> 108 KBEntrambi i file sono risultati meno della metà del JPEG originale. Tieni presente che si tratta di una sola immagine e che le due impostazioni di qualità non sono allineate in termini di resa visiva. I valori di qualità hanno significati diversi da un encoder all’altro, quindi per un sito reale il metodo affidabile è confrontare a occhio le immagini convertite prima di decidere un’impostazione.
Quando scegliere WebP
- Devi coprire browser e versioni di sistema meno recenti: Safari visualizza WebP da macOS 11 / iOS 14, una copertura più ampia di AVIF.
- Converti spesso grandi quantità di immagini: la codifica è veloce e mantiene brevi i tempi di build e di caricamento.
- Vuoi loghi, screenshot e disegni al tratto senza perdita più leggeri: WebP senza perdita è circa il 26% più piccolo del PNG.
- Stai sostituendo le GIF animate: i WebP animati sono a colori pieni e ampiamente supportati.
Per convertire in WebP sul tuo Mac una cartella di file PNG, JPG, HEIC o GIF, puoi iniziare gratis con WebP Converter., un convertitore WebP in blocco per Mac.
Quando scegliere AVIF
- Vuoi il peso di trasferimento più basso possibile: sulle pagine ricche di foto, è ragionevole aspettarsi circa il 50% in meno rispetto al JPEG a qualità comparabile.
- Pubblichi foto HDR o a gamma estesa: la profondità a 10 e 12 bit evita il banding che WebP a 8 bit mostra nelle sfumature morbide.
- Ti interessa la qualità a bitrate bassi: con una compressione spinta produce meno artefatti a blocchi.
- Converti una volta sola, in anticipo: la lentezza della codifica conta molto meno.
Per convertire in blocco file PNG, JPG e HEIC in AVIF, prova AVIF Converter., un convertitore AVIF in blocco per Mac. Anche questa app si può iniziare a usare gratis.
Pubblicare AVIF e WebP insieme con l’elemento picture
Elenca gli elementi <source> dentro <picture> dall’alto verso il basso e il browser sceglie il primo formato che supporta. L'<img> finale fa da fallback, quindi un’immagine viene mostrata in qualsiasi ambiente.
<picture>
<source type="image/avif" srcset="/images/photo.avif" />
<source type="image/webp" srcset="/images/photo.webp" />
<img src="/images/photo.jpg" alt="Describe the photo" width="1600" height="1064" loading="lazy" />
</picture>Impostare width e height evita lo spostamento del layout (CLS) durante il caricamento dell’immagine. Non aggiungere loading="lazy" a un’immagine visibile senza scorrere (above the fold) che è il tuo elemento LCP.
Supporto in WordPress
WordPress accetta il caricamento di WebP dalla versione 5.8 e di AVIF dalla versione 6.5. Le immagini caricate in precedenza come JPEG o PNG non vengono sostituite automaticamente, quindi le risorse esistenti vanno comunque convertite e rimpiazzate. Per gestire AVIF, inoltre, la libreria di immagini del server deve supportare AVIF.
Come convertire in WebP e AVIF su Mac
La strada più rapida è un’app con interfaccia grafica. Trascina immagini o intere cartelle per convertirle in blocco e controlla a occhio la qualità prima e dopo, prima di esportare. In tutte e tre le app la conversione avviene sul tuo Mac e non devi caricare nulla.
- Vuoi WebP: WebP Converter., un convertitore WebP in blocco per Mac
- Vuoi AVIF: AVIF Converter., un convertitore AVIF in blocco per Mac
- Vuoi WebP e AVIF in un unico passaggio: Image Tool+, un convertitore di immagini in blocco per Mac, esporta in più formati contemporaneamente
Da riga di comando, installa cwebp e avifenc con Homebrew.
brew install webp libavifLe guide passo passo si trovano in articoli separati.
Tutta la conversione avviene sul tuo Mac
Consigli per caso d’uso
- Fotografi e siti portfolio: metti AVIF per primo. Per sfumature morbide e foto HDR o a gamma estesa, la profondità a 10 / 12 bit di AVIF riduce il banding. Fornisci WebP come fallback.
- Blog e siti aziendali: WebP è la scelta predefinita sicura, perché è supportato più ampiamente e si codifica in fretta. Aggiungere AVIF solo per le immagini grandi visibili senza scorrere riduce ulteriormente il peso trasferito.
- Siti di e-commerce: pubblica entrambi con l’elemento
<picture>. Con un catalogo ampio i tempi di codifica di AVIF si sommano, quindi una suddivisione pratica è WebP per la maggior parte delle immagini dei prodotti e AVIF per le immagini chiave e quelle in evidenza. - Loghi, screenshot e disegni al tratto: usa WebP senza perdita (circa il 26% più piccolo del PNG), oppure mantieni il PNG.
Domande frequenti
Q. Meglio WebP o AVIF?
Esportali entrambi e pubblicali con l’elemento picture: prima AVIF, poi WebP, e JPEG o PNG come ultimo fallback. Se puoi sceglierne solo uno, scegli WebP per la compatibilità e la velocità di codifica, oppure AVIF per il massimo risparmio di spazio e per l’HDR e la profondità a 10/12 bit.
Q. Di quanto AVIF è più leggero di WebP?
Come regola generale, a qualità comparabile WebP è più piccolo del JPEG di circa il 25–35% e AVIF di circa il 50%. La differenza effettiva dipende molto dall’immagine e dalle impostazioni dell’encoder. AVIF tende a vincere su foto e sfumature morbide, mentre su piccole icone e grafica semplice la differenza può essere quasi nulla.
Q. Cosa succede in un browser che non supporta AVIF?
Un tag img che punta solo a un file AVIF non mostra nulla in un browser che non supporta AVIF. Con un elemento picture che elenca le sorgenti AVIF, WebP e JPEG in quest’ordine, il browser sceglie il primo formato che supporta, quindi ogni visitatore vede un’immagine.
Q. Quali sono gli svantaggi di AVIF?
La codifica è nettamente più lenta rispetto a WebP o JPEG, non c’è il rendering progressivo e i sistemi operativi e le app meno recenti potrebbero non aprire i file. In un flusso di lavoro che converte molte immagini a ogni build, il tempo di codifica si fa sentire.
Q. Come si convertono le immagini in WebP o AVIF su Mac?
Da riga di comando, usa cwebp per WebP e avifenc per AVIF, entrambi disponibili con Homebrew. Per convertire in blocco con un’interfaccia grafica senza caricare nulla, WebP Converter. e AVIF Converter. gestiscono ciascuno un formato, mentre Image Tool+ esporta entrambi da un’unica app.
Conclusioni
- Come impostazione predefinita, usa l’elemento
<picture>con AVIF → WebP → JPEG/PNG, in quest’ordine. - Se ne pubblichi uno solo: WebP per la compatibilità e la velocità di codifica, AVIF per le dimensioni e per HDR / profondità a 10–12 bit.
- Il risparmio varia da immagine a immagine, quindi controlla la qualità e le dimensioni dei file convertiti prima di fissare le impostazioni.