Le immagini WebP e AVIF in WordPress riducono spesso il peso dei file senza compromettere in modo evidente la qualità visiva. WordPress supporta nativamente WebP dalla versione 5.8 e AVIF dalla versione 6.5, ma il caricamento dipende anche da PHP e dal motore grafico disponibile sul server. Il CMS non converte automaticamente ogni JPEG o PNG in WebP o AVIF: per questa funzione serve un plugin o un servizio di ottimizzazione. Una configurazione corretta deve considerare compatibilità del browser, immagini responsive, formati alternativi e conservazione dei file originali.

Quali versioni di WordPress supportano WebP e AVIF

WordPress 5.8 ha introdotto il supporto nativo al caricamento delle immagini WebP. Con WordPress 6.5 è arrivato anche il supporto al formato AVIF, a condizione che il server disponga di un’estensione grafica compatibile.

Il supporto del CMS non significa che WordPress trasformi automaticamente un’immagine JPEG in WebP o AVIF. Il supporto nativo consente principalmente di caricare, gestire e modificare file già disponibili in un formato compatibile.

Per creare miniature, ritagli e dimensioni responsive, WordPress utilizza generalmente GD oppure Imagick. La disponibilità di WebP e AVIF dipende dalla versione e dalla compilazione di queste librerie, oltre che dalla configurazione PHP del provider.

I requisiti principali sono:

WordPress 5.8 o versione successiva per caricare file WebP.
WordPress 6.5 o versione successiva per il supporto AVIF.
PHP con GD o Imagick abilitato e compilato con il supporto al formato utilizzato.
Spazio sufficiente per conservare immagini originali, miniature e file convertiti.
Un tema che utilizzi correttamente le immagini responsive di WordPress.

Per controllare la situazione, apri Strumenti > Salute del sito > Informazioni > Gestione dei media. Le voci relative a GD, Imagick e ai formati supportati indicano quali operazioni può eseguire il server. Se AVIF non compare tra i formati gestiti, l’aggiornamento di WordPress da solo non è sufficiente: occorre verificare il supporto del provider.

Come caricare immagini WebP e AVIF in WordPress

Il caricamento manuale avviene da Media > Aggiungi nuovo oppure dall’editor a blocchi, inserendo un blocco Immagine. Se il server supporta il formato, WordPress accetta il file e lo aggiunge alla Libreria media come qualsiasi altra immagine.

Prima di caricare un file AVIF è importante verificare che il sito utilizzi WordPress 6.5 o successivo. Un’installazione precedente può rifiutare il file oppure richiedere modifiche non consigliate al tipo MIME.

Passo: verificare la compatibilità del server

Apri Strumenti > Salute del sito > Informazioni e cerca la sezione dedicata alla gestione delle immagini. Controlla la presenza di Imagick o GD e verifica che il formato WebP o AVIF sia elencato tra quelli disponibili.

Se il formato non è supportato, chiedi al provider di attivare una versione aggiornata di ImageMagick o GD. Non è opportuno aggiungere manualmente estensioni MIME tramite codice prima di aver verificato la compatibilità effettiva: WordPress potrebbe accettare il file senza riuscire a generare miniature o anteprime.

Passo: caricare il file e controllare le miniature

Carica un’immagine di prova dalla Libreria media. Dopo l’upload, verifica che WordPress abbia creato l’anteprima e che l’immagine possa essere inserita in una pagina.

Una mancata generazione delle miniature può indicare limiti di memoria PHP, un problema con Imagick o GD oppure un file AVIF prodotto con una codifica non gestita dal server. In questi casi il caricamento del file originale non garantisce che tutte le funzioni dell’editor siano disponibili.

Come attivare la conversione automatica in WebP e AVIF

WordPress non include un’opzione nativa in Impostazioni > Media per convertire automaticamente ogni JPEG o PNG caricato. La conversione automatica richiede un plugin dedicato, una funzione integrata nel servizio CDN oppure uno strumento del pannello hosting.

I plugin di ottimizzazione possono intervenire in modi diversi:

Convertire JPEG e PNG in WebP o AVIF durante il caricamento.
Creare i file alternativi mantenendo gli originali nella Libreria media.
Ridimensionare immagini troppo grandi prima della conversione.
Servire il formato moderno solo ai browser compatibili.
Ottimizzare anche le miniature già presenti nel sito.

Tra le soluzioni conosciute rientrano EWWW Image Optimizer, Imagify, ShortPixel e Converter for Media. Le funzioni disponibili, il supporto AVIF, la conversione in tempo reale e i limiti di utilizzo possono cambiare in base alla versione del plugin e al piano scelto.

Dopo l’installazione, apri la pagina delle impostazioni del plugin e cerca le sezioni dedicate a conversione, formati moderni, WebP, AVIF o riscrittura degli URL. Attiva soltanto i formati realmente supportati dal server e conserva una copia degli originali fino al completamento dei test.

La conversione automatica può essere eseguita durante il caricamento oppure in modalità massiva sulle immagini già presenti. Nel secondo caso, il plugin analizza la Libreria media e genera i file alternativi per le immagini esistenti; il tempo necessario dipende dal numero e dalle dimensioni dei file.

Come gestire compatibilità, fallback e immagini responsive

WebP è supportato dai principali browser moderni, mentre AVIF offre spesso una compressione più efficiente ma può presentare differenze di compatibilità tra browser, versioni e dispositivi. Per questo motivo il sito dovrebbe conservare un formato di fallback, generalmente JPEG o PNG.

Il modo più affidabile per fornire formati alternativi è utilizzare l’elemento HTML picture, nel quale AVIF e WebP vengono proposti prima del formato tradizionale:

<picture>
<source srcset="immagine.avif" type="image/avif">
<source srcset="immagine.webp" type="image/webp">
<img src="immagine.jpg" alt="Descrizione dell'immagine" width="1200" height="800">
</picture>

Molti plugin inseriscono automaticamente questa struttura oppure riscrivono la risposta del server in base all’intestazione Accept inviata dal browser. Non tutti i temi e i plugin di caching gestiscono allo stesso modo questa sostituzione, quindi è necessario controllare il codice HTML generato e la risposta effettivamente scaricata.

WordPress genera inoltre gli attributi srcset e sizes per le immagini gestite dalla Libreria media, se il tema richiama correttamente le funzioni standard del CMS. Questi attributi permettono al browser di selezionare una dimensione adeguata allo schermo, ma non convertono da soli JPEG in WebP o AVIF.

Dopo la configurazione, verifica almeno questi elementi:

La pagina mostra l’immagine anche con WebP e AVIF disabilitati.
Il browser riceve davvero il formato moderno, non soltanto un file con estensione diversa.
Le immagini vengono caricate con dimensioni responsive.
La cache del plugin, del server e del CDN non conserva una versione errata.
Gli attributi alt, width e height restano presenti nel codice HTML.
Le immagini convertite non presentano artefatti, colori alterati o trasparenze danneggiate.

La cache deve essere svuotata dopo aver attivato la conversione o la riscrittura degli URL. Se il sito utilizza Cloudflare, una CDN o un sistema di caching del provider, la propagazione dei file può richiedere impostazioni aggiuntive e non dipende soltanto da WordPress.

Errori comuni nella configurazione delle immagini WebP e AVIF

Un errore frequente consiste nell’abilitare AVIF senza verificare il supporto di ImageMagick o GD. In questa situazione il plugin può non convertire i file, generare immagini incomplete o lasciare il sito con immagini originali non ottimizzate.

Un altro problema nasce dalla cancellazione degli originali subito dopo la conversione. I file JPEG e PNG possono servire come fallback, come sorgenti per nuove miniature o come copia di sicurezza in caso di modifica del plugin. È preferibile eliminarli soltanto dopo un backup e una verifica completa.

La conversione non risolve automaticamente ogni problema di prestazioni. Un’immagine AVIF enorme, caricata come sfondo sopra la piega o senza dimensioni definite, può continuare a rallentare la pagina. Occorre quindi combinare formato moderno, compressione, ridimensionamento, caricamento differito e corretta scelta della dimensione.

Per un controllo tecnico puoi usare gli strumenti per sviluppatori di Google Chrome: nella scheda Rete, ricarica la pagina e seleziona il file immagine. La colonna relativa al tipo di contenuto o agli header HTTP permette di verificare se il server sta consegnando image/avif, image/webp oppure il fallback originale.

Una configurazione affidabile per le immagini WebP AVIF WordPress conserva gli originali, genera i formati alternativi con un plugin compatibile e mantiene sempre un fallback funzionante.

FAQ

No. WordPress supporta il caricamento WebP, ma la conversione automatica di JPEG e PNG richiede un plugin, una CDN o una funzione del servizio hosting.

Il supporto AVIF è stato introdotto in WordPress 6.5, ma il server deve disporre di GD o Imagick con compatibilità AVIF attiva.

Non necessariamente. AVIF può ridurre maggiormente il peso, mentre WebP offre una compatibilità molto ampia; la scelta migliore dipende dal pubblico e dal fallback configurato.

È sconsigliato cancellarli subito, perché servono come fallback e possono essere necessari per future miniature o modifiche del sistema di ottimizzazione.

In Google Chrome apri gli strumenti per sviluppatori, vai su Rete, ricarica la pagina e controlla il tipo MIME del file immagine richiesto.

Altri articoli di questa serie: