WebP e AVIF sono due formati immagine moderni progettati per sostituire JPEG e PNG sul web. Offrono guadagni di compressione spettacolari — fino al 50 % di riduzione del peso rispetto al JPEG a parità di qualità visiva — rendendoli essenziali per l'ottimizzazione delle prestazioni web e della SEO. Per gli e-commerce in cui le immagini rappresentano spesso tra il 60 e l'80 % del peso totale delle pagine, adottare questi formati è una delle leve di miglioramento più efficaci disponibili.
Perché il formato immagine è una questione SEO
Una pagina web media pesa oggi circa 2 MB secondo le analisi di HTTP Archive. Di questo totale, le immagini rappresentano in media il 50-60 % del peso — e nelle pagine e-commerce ricche di foto prodotto questa percentuale sale regolarmente al 70-80 %. Il peso delle immagini determina direttamente il tempo di trasferimento sulla rete e, di conseguenza, il tempo di caricamento percepito dall'utente.
Google ha integrato la velocità di caricamento nel suo algoritmo di classificazione tramite i Core Web Vitals, in particolare l'LCP (Largest Contentful Paint), che misura il tempo necessario affinché l'elemento visibile più grande — di solito un'immagine prodotto — venga visualizzato. Ridurre il peso di quell'immagine da 400 KB a 150 KB può far scendere l'LCP da 3 secondi a 1,2 secondi, la differenza tra un punteggio «Scarso» e un punteggio «Buono» secondo le soglie di Google.
Al di là della pura SEO, le immagini più leggere migliorano l'esperienza degli utenti mobili su connessioni 4G limitate, riducono il consumo di dati dei visitatori e abbassano i costi di larghezza di banda del server. Per i negozi con migliaia di referenze prodotto, il guadagno cumulativo è considerevole.
WebP: il formato sviluppato da Google
WebP è stato sviluppato da Google e annunciato nel 2010. Si basa sulla tecnologia di compressione del codec video VP8 per le immagini con perdita (lossy) e su una variante lossless basata su LZ77 e la codifica di Huffman per le immagini senza perdita. WebP supporta anche la trasparenza (canale alfa) e le animazioni — due funzionalità che JPEG non supporta (trasparenza) o supporta solo parzialmente (animazioni tramite GIF).
I guadagni di compressione di WebP rispetto al JPEG sono in media del 25-35 % a parità di qualità visiva, secondo gli studi di Google. In modalità lossless, WebP è in media il 26 % più piccolo del PNG. Questi valori variano in base al tipo di immagine: le fotografie con contenuto complesso e numerosi dettagli beneficiano di guadagni vicini alle medie citate; le illustrazioni con campiture di colore e dettagli netti possono trarre guadagni ancora maggiori in modalità lossless.
La compatibilità con WebP è oggi universale: Chrome, Firefox, Safari (dal 2020), Edge, Opera e praticamente tutti i browser mobili supportano WebP. Secondo caniuse.com, la copertura globale dei browser che supportano WebP supera il 97 % nel 2026. Non esistono più ragioni tecniche per servire JPEG al posto di WebP per la grande maggioranza dei visitatori.
AVIF: il formato di nuova generazione
AVIF (AV1 Image File Format) è un formato immagine basato sul codec video AV1, sviluppato dall'Alliance for Open Media (di cui fanno parte Google, Apple, Mozilla, Netflix, Amazon e altri). Specificato nel 2019 e supportato dai principali browser dal 2021, AVIF rappresenta un avanzamento significativo rispetto a WebP in termini di efficienza di compressione.
I guadagni di compressione di AVIF rispetto al JPEG sono in media del 40-55 % — nettamente superiori al 25-35 % di WebP. Rispetto allo stesso WebP, AVIF è generalmente del 20-30 % più leggero. Questi guadagni sono particolarmente pronunciati nelle fotografie ad alto contenuto di dettagli e nelle immagini HDR (High Dynamic Range). AVIF supporta la trasparenza, le animazioni, i profili colore HDR e la profondità di colore fino a 12 bit.
Il supporto browser per AVIF è in rapida crescita: Chrome e Firefox lo supportano dal 2021, Safari dalla versione 16.4 (2023). Nel 2026, la copertura mondiale supera il 93 %. Il suo principale svantaggio è la maggiore complessità di decodifica, che può rallentare leggermente il rendering su dispositivi molto datati — un compromesso generalmente accettabile visti i risparmi in termini di dimensioni.
JPEG vs WebP vs AVIF: confronto tra formati
Per illustrare concretamente le differenze tra questi formati, prendiamo l'esempio di una tipica foto prodotto e-commerce: un packshot di una scarpa su sfondo bianco, 800×800 pixel, a parità di qualità visiva percepita.
- JPEG (qualità 85): ~180 KB — formato universale, senza trasparenza, senza animazione, solo compressione lossy
- WebP (qualità 80): ~120 KB — risparmio del 33 %, trasparenza supportata, animazione supportata, compatibilità 97 %+
- AVIF (qualità 60): ~75 KB — risparmio del 58 % vs JPEG, 37 % vs WebP, HDR supportato, compatibilità 93 %+
Queste differenze di dimensioni si moltiplicano su scala di un intero negozio. Per una scheda prodotto che carica 6 immagini, passare da JPEG ad AVIF rappresenta un risparmio di 630 KB per pagina — quasi la metà dei dati da trasferire. In un mese con 50.000 visualizzazioni di schede prodotto, si tratta di 31 GB di larghezza di banda risparmiata, solo sulle immagini.
Compressione con perdita (lossy) e senza perdita (lossless)
Entrambi i formati supportano due modalità di compressione fondamentalmente diverse. La compressione con perdita (lossy) riduce il peso del file eliminando informazioni che l'occhio umano percepisce poco o per nulla. Un algoritmo analizza l'immagine e approssima le zone meno percettibili — tipicamente gli sfondi uniformi o le zone a basso contrasto. Questa è la modalità utilizzata per le fotografie prodotto: un livello di qualità del 75-85 % per WebP o del 55-65 % per AVIF produce risultati visivamente indistinguibili dal file originale.
La compressione senza perdita (lossless) conserva ogni pixel del file originale, ma utilizza algoritmi di compressione più efficienti di PNG o TIFF per ridurre le dimensioni del file. WebP lossless è in media il 26 % più piccolo del PNG a qualità identica; AVIF lossless è ancora più efficiente. Questa modalità è adatta a screenshot, loghi, illustrazioni vettoriali convertite in bitmap e immagini in cui è richiesta una precisione assoluta.
Quale livello di qualità scegliere?
Impatto sulla SEO dell'e-commerce
Adottare WebP e AVIF migliora la SEO attraverso diversi meccanismi. Direttamente, le immagini più leggere riducono l'LCP — la metrica Core Web Vital più influenzata dalle immagini prodotto. Un LCP migliore migliora il segnale Page Experience di Google, il che può favorire il posizionamento nei risultati organici, in particolare su mobile.
Indirettamente, le pagine più veloci migliorano il tasso di rimbalzo e il tempo trascorso sul sito — segnali comportamentali che Google può utilizzare per valutare la qualità di una pagina. Su mobile, dove avviene più del 60 % delle ricerche e-commerce, la velocità è ancora più critica: una pagina che impiega 4 secondi a caricarsi perde in media il 53 % dei suoi visitatori mobili prima ancora che il caricamento sia completo (fonte: Google/Deloitte).
Per Google Immagini — un canale di acquisizione tutt'altro che trascurabile per i negozi e-commerce — la qualità tecnica delle immagini (risoluzione, formato, dimensioni) influenza l'indicizzazione e la visualizzazione nei risultati di ricerca immagini. Le immagini correttamente ottimizzate e servite tramite CDN con URL stabili migliorano anche questo canale.
Come Lexiik gestisce automaticamente la conversione di formato
Convertire manualmente migliaia di immagini prodotto in WebP o AVIF è un'attività noiosa che la maggior parte dei commercianti non ha né il tempo né gli strumenti per realizzare. Lexiik automatizza interamente questo processo attraverso la sua pipeline CDN.
Quando un'immagine prodotto viene caricata per la prima volta da un visitatore, Lexiik recupera il file originale dal tuo server PrestaShop (JPEG, PNG o qualsiasi altro formato), lo converte in WebP e AVIF, poi archivia queste versioni ottimizzate su Cloudflare R2. Da quel momento, Lexiik serve il formato appropriato in base al browser del visitatore: l'intestazione HTTP Accept inviata dal browser indica i formati supportati (ad esempio, Chrome invia Accept: image/avif,image/webp,*/*), e Lexiik risponde con il miglior formato disponibile.
- Il visitatore richiede una pagina prodotto; il suo browser invia un'intestazione Accept con i formati supportati
- Lexiik verifica se una versione ottimizzata dell'immagine è già presente sul CDN
- Se non è presente, Lexiik recupera l'immagine originale da PrestaShop e la converte in WebP e AVIF
- Lexiik serve il formato più efficiente supportato dal browser: AVIF in priorità, WebP se AVIF non è supportato, JPEG come fallback
- L'immagine convertita viene memorizzata nella cache di Cloudflare R2 con un TTL di un anno per tutte le visite successive
Questo processo è completamente trasparente per il commerciante e il visitatore. Non sono necessarie modifiche ai template, né plugin di compressione aggiuntivi da installare. Il modulo PrestaShop di Lexiik gestisce l'intera pipeline di conversione e distribuzione.