SparkCore
AVIF su WordPress: ancora più compatto dove è possibile
AVIF può essere ancora più efficiente di WebP. Spark combina AVIF con i fallback, così i visitatori vedono sempre un'immagine funzionante.
In breve
- AVIF è spesso il formato più leggero a parità di qualità visibile.
- Tutti i principali browser attuali supportano AVIF.
- Usi sempre AVIF con un fallback per i browser che non lo gestiscono.
AVIF e compatibilità
Non tutti i browser supportano AVIF ovunque: per questo combiniamo i formati in un unico flusso di lavoro.
Che cos'è AVIF e perché questi file sono così leggeri?
AVIF è un formato d'immagine moderno derivato dalla compressione video. Memorizza le informazioni dell'immagine in modo più intelligente di JPEG. Il vantaggio è grande soprattutto con le foto dalle sfumature morbide, come cieli o incarnati. Il formato supporta anche la trasparenza, quindi a volte può sostituire un PNG. Il prezzo è il tempo di calcolo. Creare un AVIF richiede più tempo di un JPEG o di un WebP. Per i visitatori non è un problema, perché il file si crea una volta sola e poi viene servito molte volte.
Quali browser supportano AVIF in WordPress?
Le versioni attuali di Chrome, Edge, Firefox e Safari mostrano AVIF. Tuttavia non tutti visitano il suo sito con l'ultimo browser. I dispositivi più vecchi e le app obsolete possono non supportare il formato. Non è un motivo per rinunciare ad AVIF, ma per usare un fallback. Il browser indica quali formati sa visualizzare e riceve il migliore tra quelli adatti. Chi non conosce AVIF riceve WebP o JPEG. Nessuno vede un'immagine rotta.
- Chrome, Edge, Firefox e Safari supportano AVIF nelle versioni attuali.
- I browser più vecchi richiedono un fallback JPEG o WebP.
- Provi sempre su un dispositivo reale, non solo nel suo browser.
AVIF o WebP: quale scegliere per il suo sito WordPress?
Non deve scegliere: li usi entrambi. AVIF dà spesso il file più leggero. WebP si crea più in fretta ed è ampiamente supportato, quindi è un'ottima seconda scelta. JPEG o PNG restano la rete di sicurezza. Attenzione: più piccolo non è sempre meglio. Con una compressione troppo alta AVIF può dare un'immagine liscia e cerosa. Valuti quindi sempre il risultato alla dimensione dello schermo. Per le foto AVIF di solito vince. Per le icone piccole la differenza in byte è spesso troppo ridotta per contare.
- Usi AVIF per le foto con sfumature morbide.
- Tenga WebP come seconda scelta e JPEG o PNG come rete di sicurezza.
- Valuti sempre il risultato alla dimensione dello schermo.
Come si usa AVIF in sicurezza su WordPress?
Usarlo in sicurezza si basa su tre cose: creare le varianti, servire quella giusta e conservare l'originale. Se lo fa a mano, deve ripeterlo a ogni caricamento. Spark Media Optimizer si occupa di questo lavoro. Il plugin crea WebP e AVIF in background e li serve ai browser che li supportano. Con JPEG o PNG come fallback. Se un browser non è compatibile, il plugin torna automaticamente al formato precedente. Vale anche per la sua libreria esistente.
Domande frequenti
Spesso sì, soprattutto con le foto. La differenza dipende dall'immagine e dall'impostazione. Provi alcune immagini rappresentative del suo sito e le confronti alla dimensione dello schermo prima di decidere.
Non in tutti. Le versioni attuali di Chrome, Edge, Firefox e Safari lo mostrano. I browser più vecchi richiedono un fallback, come WebP o JPEG, altrimenti non vedono l'immagine. Con un buon fallback il visitatore non se ne accorge.
No. Conservi l'originale e serva AVIF come variante aggiuntiva. In questo modo può sempre tornare indietro e coprire i browser che non conoscono il formato. Una seconda variante costa solo un po' di spazio di archiviazione.