Convertire in WebP e AVIF online: immagini piu leggere, siti piu veloci, SEO migliore

In quasi tutti i siti che analizziamo, le immagini sono l'elemento piu pesante della pagina. Costituiscono regolarmente dal 50 al 70 percento del peso totale, molto piu di script, font e CSS messi insieme. Per questo il formato delle immagini e la vittoria di performance piu economica e a minor rischio che hai a disposizione: cambi i byte che viaggiano in rete senza toccare il layout, il codice o il design. Siamo gdefoto, uno studio di fotografia di prodotto e ritocco, e ogni giorno consegniamo immagini ottimizzate per negozi online. In questa guida affrontiamo WebP e AVIF nel modo in cui li spieghiamo a clienti e sviluppatori: cosa sono davvero, quanto peso fanno risparmiare rispetto a JPEG e PNG, come questo si traduce in pagine piu veloci e Core Web Vitals piu solidi, a che punto e il supporto dei browser nel 2026 e i casi concreti in cui un formato batte l'altro. Se vuoi solo i risultati, puoi convertire in WebP e AVIF online in un minuto e passare direttamente a un sito piu leggero. Se invece vuoi capire la decisione che c'e dietro, continua a leggere.

WebP e AVIF sono formati immagine moderni, di nuova generazione, nati per sostituire i datati JPEG e PNG. Il JPEG risale al 1992 e il PNG al 1996, ed entrambi precedono la matematica di compressione che oggi diamo per scontata nei codec video. WebP e AVIF prendono in prestito quella matematica, ed e per questo che comprimono la stessa immagine in molti meno byte.

WebP e stato rilasciato da Google nel 2010. Deriva dai codec video VP8 e poi VP9. Supporta sia la compressione con perdita sia quella senza perdita, la trasparenza (un canale alfa come il PNG) e l'animazione (come il GIF). In pratica vediamo file WebP arrivare dal 25 al 35 percento piu piccoli di un JPEG a qualita visivamente identica, e nettamente piu piccoli del PNG per la stessa grafica trasparente, spesso dal 60 all'80 percento piu leggeri.

AVIF e arrivato nel 2019, costruito sul codec video AV1. E il piu aggressivo dei due. AVIF supporta gamut cromatico ampio, HDR, profondita colore a 10 e 12 bit, trasparenza e animazione. Sui contenuti fotografici misuriamo tipicamente AVIF dal 30 al 50 percento piu piccolo del JPEG, e spesso il 20 percento piu piccolo del WebP equivalente. Mantiene il dettaglio nei toni della pelle, nelle sfumature e nelle aree di colore piatto dove il JPEG produce artefatti a blocchi.

Qualche numero reale dai file che gestiamo. Una foto di prodotto da 1500 per 1500 pixel che pesa circa 420 KB come JPEG a qualita 85 diventa circa 280 KB come WebP e intorno ai 190 KB come AVIF, senza alcuna differenza che un acquirente possa mai notare. Su una pagina prodotto da 40 immagini e la differenza tra una pagina da 16 MB e una da 7 MB.

Gli errori piu comuni che vediamo commettere ai webmaster su questo punto:

• Convertire un JPEG gia compresso e aspettarsi miracoli. Ottieni il massimo guadagno quando codifichi da una sorgente di alta qualita, non da un file che ha gia perso dettaglio.
• Spingere la qualita a 100. AVIF e WebP appaiono eccellenti a qualita da 75 a 85. Arrivare a 100 gonfia il file e annulla il vantaggio.
• Usare il PNG per le foto. Il PNG e per grafica piatta e trasparenze, mai per le fotografie. Convertire quelle in WebP o AVIF e il singolo risparmio piu grande sulla maggior parte dei siti.

Le immagini piu piccole non sono solo un di piu. Google posiziona le pagine anche in base alle performance reali di caricamento, attraverso i Core Web Vitals, e le immagini sono direttamente legate alle metriche che contano di piu. Passare a WebP o AVIF sposta l'ago su ognuna di esse.

Largest Contentful Paint (LCP) di solito e la tua immagine hero o quella principale del prodotto. E la metrica che Google pesa di piu, e l'obiettivo e restare sotto i 2,5 secondi. Poiche l'LCP misura quando il tuo elemento visibile piu grande finisce di caricarsi, tagliare quell'immagine da 420 KB a 190 KB puo far guadagnare un secondo pieno o piu su una connessione mobile di fascia media. Nei nostri test prima-e-dopo, la sola conversione di formato porta regolarmente l'LCP dalla fascia "da migliorare" a "buono".

Cumulative Layout Shift (CLS) riguarda la stabilita visiva, con obiettivo sotto 0,1. Immagini piu leggere che si caricano piu in fretta, unite ad attributi espliciti di larghezza e altezza, evitano che il contenuto salti mentre le immagini compaiono. Il cambio di formato lo favorisce indirettamente: caricamenti piu rapidi significano meno tempo per il riflusso del layout.

Interaction to Next Paint (INP) ne beneficia perche meno tempo speso a decodificare e scaricare immagini enormi libera il thread principale per rispondere a tocchi e clic.

Oltre ai Vitals, ci sono effetti a catena su SEO e business. Un peso di pagina minore significa frequenze di rimbalzo piu basse, e Google ha pubblicato ricerche che mostrano come la probabilita di rimbalzo cresca bruscamente man mano che il tempo di caricamento supera i tre secondi. Immagini piu leggere riducono anche la tua bolletta di banda e i costi del CDN. Per chi acquista da mobile con dati a consumo, una pagina da 7 MB invece di 16 MB e la differenza tra una vendita e un tasto indietro.

Alcune regole pratiche che applichiamo:

• Servi il formato di nuova generazione ai browser che lo supportano e ripiega sul JPEG con l'elemento picture e piu tag source.
• Imposta loading="lazy" sulle immagini sotto la piega, ma mai sulla tua immagine LCP, che deve caricarsi subito.
• Aggiungi fetchpriority="high" all'immagine hero cosi il browser la scarica per prima.
• Specifica sempre larghezza e altezza per proteggere il CLS.

Se le tue foto di prodotto hanno bisogno anche di bordi puliti o di uno sfondo bianco prima dell'ottimizzazione, i nostri servizi di rimozione dello sfondo si abbinano naturalmente alla conversione di formato.

L'obiezione piu comune che sentiamo e "si rompera nei browser piu vecchi?". Nel 2026 questa preoccupazione e ampiamente alle spalle, ma i due formati sono a stadi di maturita diversi, e la scelta giusta dipende dal tuo pubblico e dai tuoi strumenti.

Il supporto a WebP e di fatto universale. Chrome, Firefox, Edge, Safari e tutti i browser mobili moderni lo supportano da anni. Safari ha aggiunto WebP nel 2020 con la versione 14. Il supporto globale e ben oltre il 96 percento. In pratica puoi servire WebP a tutti gia oggi e solo i browser piu antichi resteranno fuori.

Il supporto ad AVIF e forte e in crescita. Chrome e Firefox lo supportano dal 2020 e dal 2021. Safari ha aggiunto AVIF nella versione 16 nel 2022, con il pieno supporto maturato nelle release successive. Il supporto globale si attesta ora intorno al 90-95 percento. Una piccola fetta di Safari piu vecchi e ambienti legacy ne e ancora priva.

Ecco perche lo schema sicuro e servire entrambi e lasciare scegliere al browser. Usando l'elemento picture, elenchi prima AVIF, poi WebP, poi un fallback JPEG. Il browser prende il primo formato che comprende, quindi i browser moderni ricevono AVIF, quelli leggermente piu vecchi WebP e tutto il resto JPEG. Nessuno vede un'immagine rotta.

Quando scegliere ciascuno:

• Usa AVIF per contenuti fotografici dove ogni kilobyte conta: grandi banner hero, gallerie di prodotto fitte, schede di marketplace con decine di immagini. Offre i file piu piccoli e le migliori sfumature.
• Usa WebP quando vuoi un unico formato con copertura quasi universale e strumenti piu semplici, oppure per grafiche con trasparenza che richiedono ampia compatibilita. E anche piu veloce da codificare dell'AVIF, cosa che conta per lotti molto grandi.
• Tieni il JPEG solo come fallback nel tuo elemento picture, mai come formato principale servito.

Un dettaglio utile da sapere: la codifica AVIF e piu lenta e piu impegnativa per la CPU rispetto al WebP. Per poche immagini e impercettibile, ma per migliaia conviene uno strumento che la gestisca in modo efficiente. Puoi convertire in WebP e AVIF online con il nostro convertitore gratuito e ottenere entrambi i formati senza installare nulla ne combattere con encoder da riga di comando.