Passa al contenuto

WebP conviene ancora nel 2026?

Il supporto è ormai universale, quindi la domanda si è spostata da se sia possibile usare WebP a se AVIF lo abbia reso superfluo.

Sì, conviene ancora usare WebP nel 2026, e rimane la scelta predefinita più sicura per le immagini su un sito web. Il supporto dei browser è universale, i file sono dal 25 al 35 percento più piccoli rispetto ai JPEG a parità di qualità visiva, e il formato AV1 Image File Format (AVIF) non lo ha sostituito.

La vecchia obiezione a WebP riguardava il supporto dei browser, e quell'argomento è ormai superato. Chrome, Firefox, Safari ed Edge gestiscono tutti il formato sia su desktop che su mobile. La domanda interessante si è spostata sul fatto se AVIF abbia reso WebP superfluo, e la risposta è non ancora, e probabilmente non del tutto.

Quanto è effettivamente più piccolo WebP

WebP consente in genere di risparmiare dal 25 al 35 percento rispetto a JPEG e dal 20 al 30 percento rispetto a PNG a parità di qualità visiva. Il risparmio è maggiore sulle fotografie con aree uniformi e sulle grafiche a colori piatti.

Tipo di immagineFormato originaleIn WebPRisparmio
Fotografia di prodottoJPEG 420 KB290 KB31 percento
Banner heroJPEG 850 KB560 KB34 percento
Logo con trasparenzaPNG 84 KB31 KB63 percento
Screenshot con testoPNG 210 KB148 KB30 percento
Piccola icona sotto i 5 KBPNG 3 KB3.4 KBPiù grande

L'ultima riga mostra l'unico caso in cui WebP perde. Al di sotto di circa 5 KB, il sovraccarico del formato supera il vantaggio della compressione, motivo per cui le piccole icone vengono spesso lasciate in PNG o sostituite con grafiche vettoriali.

WebP contro AVIF

AVIF comprime circa il 20-30 percento in più rispetto a WebP sulle grandi fotografie, codifica molto più lentamente ed è spesso più grande al di sotto dei 10 KB. I due formati si adattano a immagini diverse anziché sostituirsi a vicenda.

AVIF comporta un maggiore sovraccarico del contenitore, quindi vince nettamente sulle grandi fotografie e perde sulle piccole grafiche. Il tempo di codifica è l'altra considerazione da fare, poiché AVIF può richiedere diverse volte più tempo per immagine. Su un lotto di 500 file, questa differenza si misura in minuti anziché in secondi, il che è importante quando una libreria viene convertita ripetutamente.

Quale formato usare e dove

  • Immagini hero e grandi fotografie. AVIF, dove il vantaggio della compressione è maggiore.
  • Immagini generali del sito. WebP, che è veloce da codificare e universalmente supportato.
  • Loghi e grafiche con trasparenza. WebP, che supera nettamente il PNG.
  • Icone sotto i 5 KB. PNG o grafica vettoriale, poiché entrambi i formati moderni aggiungono sovraccarico.
  • Qualsiasi cosa scaricata o inviata via email. JPEG o PNG, perché il supporto al di fuori dei browser è ancora limitato.

Cosa fa WebP che JPEG non può fare

WebP supporta contemporaneamente la trasparenza e la compressione con perdita, cosa che né JPEG né PNG possono offrire. Questa combinazione è davvero utile ed è facile da trascurare.

Una fotografia di prodotto con uno sfondo trasparente in precedenza costringeva a scegliere tra un pesante PNG e un JPEG con un riquadro bianco dietro. WebP elimina questa scelta. Il formato supporta anche l'animazione, il che lo rende un sostituto diretto delle GIF animate a una frazione delle dimensioni del file.

Dove WebP causa ancora problemi

WebP fallisce al di fuori dei browser, nei client di posta elettronica, nei moduli di caricamento, nei flussi di lavoro di stampa e nei software di progettazione più datati. Il supporto dei browser ha risolto il web lasciando tutto il resto invariato.

Il fallimento più comune si riscontra nei press kit, dove un giornalista scarica un logo WebP e non riesce a inserirlo nel proprio software di impaginazione. I portali governativi sono il secondo caso, rifiutando del tutto il formato. Valuta in base alla destinazione d'uso piuttosto che alle tabelle di supporto dei browser, poiché la questione dei browser è stata risolta anni fa, mentre le altre no.

Come convertire un sito in WebP

Per spostare un sito web su WebP senza rompere nulla, segui questi 6 passaggi.

  1. Elenca le immagini a cui le tue pagine fanno effettivamente riferimento, poiché la maggior parte delle librerie accumula file che non sono collegati a nulla.
  2. Ridimensiona ogni immagine alla sua larghezza di visualizzazione reale, raddoppiata per gli schermi ad alta densità, prima di convertirla.
  3. Converti in WebP a qualità 80, che è il punto in cui il file è piccolo e la perdita rimane invisibile.
  4. Conserva i file originali JPEG o PNG come fallback anziché eliminarli.
  5. Servi entrambi tramite un elemento picture, con WebP per primo e l'originale nel tag img.
  6. Controlla le pagine su un telefono e su un browser desktop prima di rimuovere qualsiasi cosa.

La maggior parte dei sistemi di gestione dei contenuti ora genera questo markup automaticamente al momento del caricamento, quindi verifica cosa fa già la tua piattaforma prima di scriverlo a mano. Convertire le immagini richiede pochi minuti, mentre riscrivere i template richiede più tempo.

Quale impostazione di qualità utilizzare

La qualità 80 è l'impostazione predefinita corretta per WebP, poiché il formato mantiene i dettagli meglio del JPEG allo stesso valore numerico. Un file WebP a qualità 80 ha un aspetto paragonabile a un JPEG a 85 o superiore.

Al di sotto di 70, la perdita inizia a notarsi sui volti e nelle sfumature uniformi, in particolare sulle immagini grandi. Oltre la qualità 90, il file cresce notevolmente mentre il guadagno visibile si interrompe del tutto. Testa un'immagine rappresentativa a 3 impostazioni prima di procedere con un intero lotto, poiché il valore corretto dipende dal tipo di immagini che pubblichi.

WebP aiuta il posizionamento nei motori di ricerca

WebP aiuta indirettamente migliorando la velocità della pagina, che è un fattore di posizionamento, e non perché i motori di ricerca preferiscano il formato in sé. Nessun motore premia un'estensione di file.

Il percorso passa attraverso i Core Web Vitals, dove la metrica Largest Contentful Paint è solitamente determinata da una singola immagine hero. Ridurre quell'immagine di un terzo migliora direttamente la metrica. Lighthouse mostra anche un avviso di pubblicazione delle immagini in formati di nuova generazione, che viene soddisfatto da WebP o AVIF ed è uno dei controlli più facili da superare.

Vale la pena convertire una libreria esistente

Converti quando le immagini rappresentano la maggior parte del peso della tua pagina, il che è vero per quasi tutti i siti di contenuti e i negozi online. Evitalo quando le tue pagine sono già leggere o le tue immagini sono poche e piccole.

Verifica prima di decidere. Apri gli strumenti per sviluppatori, passa alla scheda Rete, filtra per immagini e ricarica una pagina tipica. Se le immagini superano complessivamente 1 MB, la conversione produrrà un miglioramento visibile. Se totalizzano 200 KB, è meglio dedicare gli sforzi altrove sulla pagina.

WebP con perdita e senza perdita sono modalità diverse

WebP ha 2 modalità di compressione separate, e scegliere quella sbagliata produce un file più grande dell'originale. La modalità con perdita (lossy) si adatta alle fotografie, mentre la modalità senza perdita (lossless) si adatta a screenshot, loghi e grafiche piatte.

La maggior parte degli strumenti seleziona la modalità in base all'impostazione della qualità, applicando la modalità senza perdita a qualità 100 e quella con perdita al di sotto di essa. Questa impostazione predefinita funziona per le fotografie ma fallisce sulle grafiche, dove un WebP con perdita di uno screenshot produce aloni intorno al testo pur pesando più della versione senza perdita. Controlla quale modalità ha utilizzato il tuo strumento ogni volta che una grafica convertita risulta più grande del PNG che ha sostituito.

Errori comuni nell'adozione di WebP

  • Convertire senza prima ridimensionare. Le dimensioni controllano la maggior parte del peso del file, quindi un WebP da 4000 pixel è comunque troppo pesante.
  • Eliminare gli originali. Conservali, poiché sia i fallback che le future riesportazioni necessitano di una sorgente senza perdita.
  • Convertire un JPEG già compresso. Il risultato comporta 2 generazioni di perdita anziché una.
  • Usare WebP per file scaricabili. Press kit, template e file di stampa dovrebbero rimanere in JPEG o PNG.
  • Convertire icone minuscole. Al di sotto di 5 KB, il sovraccarico del formato rende i file più grandi anziché più piccoli.

Convertire una libreria in un unico passaggio

Converti direttamente dal formato originale anziché far passare i file attraverso uno intermedio, perché ogni passaggio con perdita scarta dettagli. Passare da HEIC a JPEG e poi a WebP costa 2 generazioni di perdita quando ne basterebbe 1.

Trascina fino a 500 file contemporaneamente, o direttamente un archivio ZIP, e ogni immagine supportata verrà convertita in un unico passaggio. Il lavoro viene eseguito all'interno del tuo browser sul tuo processore, quindi una migrazione completa del sito avviene senza che alcun file raggiunga un server. Per le agenzie che gestiscono le librerie dei clienti sotto contratto, questo elimina un problema di divulgazione dei dati anziché limitarsi a ridurlo.

Torna al blog