Come utilizzare le immagini WordPress AVIF (metodo semplice)
Pubblicato: 2023-03-26L'aggiunta di immagini è un modo semplice per rendere le tue pagine web più coinvolgenti. Tuttavia, file di grandi dimensioni possono rallentare il tuo sito, creando una scarsa esperienza utente (UX) per i tuoi visitatori. Ecco perché vale la pena provare un formato di immagine alternativo, come l'utilizzo di immagini AVIF WordPress.
Non solo le immagini AVIF sono minuscole, ma utilizzano anche un tipo di compressione migliore. Scegliendo questo formato di immagine, puoi mantenere il tuo sito Web leggero e veloce mentre visualizzi foto nitide e ad alta risoluzione.
In questo post, esamineremo i pro e i contro delle immagini AVIF e ti mostreremo come utilizzarle in WordPress. Iniziamo!
I pro e i contro dell'utilizzo di AVIF in WordPress
AV1 Image File Format (AVIF) è un formato di immagine di nuova generazione che tenta di affrontare alcune carenze di alternative come WebP. Come WebP, AVIF si basa su un algoritmo di codifica video. Tuttavia, WebP può supportare solo risoluzioni a 8 bit. Ciò significa che le immagini possono apparire sfocate, macchiate o pixelate.
AVIF, d'altra parte, può estendersi a risoluzioni a 12 bit. Per finire, AVIF utilizza un algoritmo di compressione con perdita più efficiente, ideale per animazioni, video e foto con sfondi trasparenti. Può offrire bordi dell'immagine puliti e nitidi con file di dimensioni molto ridotte.
Meglio ancora, grazie a queste dimensioni di file più piccole, l'utilizzo di AVIF è un ottimo modo per alleggerire il carico sul tuo server. Ciò non solo consente di risparmiare larghezza di banda, ma consente anche di creare una UX stellare migliorando i tempi di caricamento. Poiché la velocità è un fattore di ranking per Google, optare per AVIF potrebbe aiutarti a migliorare le tue classifiche di ricerca.
Il principale svantaggio dell'utilizzo di AVIF in WordPress è la mancanza di piena compatibilità con il browser.
Poiché AVIF è un formato relativamente nuovo, attualmente è riconosciuto solo da Chrome e Firefox (e con il supporto di Technology Preview in Safari).
Nel complesso, il sito Web della risorsa Can I Use stima che solo l'83% circa degli utenti di Internet utilizzi browser che supportano AVIF all'inizio del 2023 [1] .
Inoltre, AVIF non è supportato in WordPress per impostazione predefinita.
Non preoccuparti, però: se utilizzi lo strumento della nostra guida alle immagini AVIF WordPress di seguito, aggiungerà il supporto AVIF a WordPress e assicurerà automaticamente che serva solo immagini AVIF ai visitatori i cui browser supportano il formato.
Come configurare le immagini AVIF WordPress (in due passaggi)
Se hai deciso che AVIF è la strada da percorrere sul tuo sito WordPress, siamo qui per aiutarti! Diamo un'occhiata a come utilizzare questo formato di immagine in modo rapido e semplice:
- Passaggio 1 : installa e attiva Optimole su WordPress
- Passaggio 2 : abilita la conversione delle immagini WordPress AVIF
Passaggio 1: installa e attiva Optimole su WordPress
Uno dei modi più semplici per utilizzare AVIF in WordPress è installare un plug-in come Optimole. È uno strumento di ottimizzazione delle immagini a servizio completo che ti consente di ridimensionare, comprimere e ottimizzare tutte le foto sul tuo sito.
Optimole non solo ti consente di utilizzare AVIF in WordPress, ma puoi anche sfruttare altre funzionalità come il lazy loading. Inoltre, puoi scaricare le tue immagini sulla rete di distribuzione dei contenuti (CDN) all'avanguardia di Optimole.
Innanzitutto, dovrai installare e attivare il plug-in Optimole. Nella dashboard di WordPress, vai su Plugin > Aggiungi nuovo . Quindi, cerca "Optimole" nella barra di ricerca e fai clic su Installa ora :
Questo richiederà solo pochi secondi. Quindi, premi Attiva .
A questo punto, ti verrà chiesto di creare un account e inserire la tua chiave API univoca per connetterti alla piattaforma Optimole:
Se il tuo indirizzo email è corretto, fai clic su Crea e connetti il tuo account .
Successivamente, dovresti ricevere la tua chiave API via e-mail, quindi copia la chiave negli appunti. Quindi, torna a WordPress e vai su Media > Optimole .
Qui, seleziona Ho già una chiave API . Quindi, inserisci la tua chiave e fai clic su Connetti a Optimole :
Una delle cose migliori di Optimole è che funziona automaticamente sullo sfondo del tuo sito. Quindi, se stai cercando un semplice strumento di ottimizzazione delle immagini, puoi lasciare che il plug-in faccia il suo lavoro. Tuttavia, per abilitare la conversione delle immagini AVIF WordPress, dovrai passare al passaggio successivo.
Passaggio 2: abilita la conversione delle immagini AVIF WordPress
Ora che hai Optimole sul tuo sito WordPress, puoi accedere a una dashboard dedicata. Qui puoi monitorare il numero di immagini che Optimole ha ottimizzato per te. Inoltre, puoi scoprire il tuo tasso di compressione medio e visualizzare le tue visite mensili.
Inoltre, puoi modificare le impostazioni del plug-in in questa dashboard. Come accennato in precedenza, alcune delle impostazioni di Optimole funzionano automaticamente. Tuttavia, dovrai attivare un'impostazione specifica per abilitare le immagini WordPress AVIF.
Vai su Media > Optimole . Quindi, passa alla scheda Impostazioni :
Dovrai aprire la scheda Avanzate e selezionare Compressione . Scorri la pagina verso il basso e trova Abilita conversione avif . Quindi, attiva l'impostazione per abilitare AVIF in WordPress:
Una volta fatto ciò, Optimole offrirà sempre le tue immagini nel formato AVIF, ovviamente a condizione che i tuoi visitatori utilizzino un browser che lo supporti. Se cambi idea sull'utilizzo di AVIF, disattiva semplicemente l'impostazione di conversione delle immagini nella dashboard di Optimole.
Prova le immagini AVIF WordPress oggi
L'aggiunta di immagini al tuo sito è un ottimo modo per rendere i tuoi contenuti più coinvolgenti e trasmettere informazioni dettagliate. Tuttavia, se stai cercando di mantenere piccoli i file di immagine, potresti finire per scendere a compromessi sulla loro qualità.
È qui che l'utilizzo di AVIF in WordPress può essere un'ottima opzione per velocizzare il tuo sito Web offrendo al contempo una grafica nitida e chiara.
Per ricapitolare, ecco due semplici passaggi per utilizzare AVIF in WordPress:
- Installa e attiva Optimole nella dashboard di WordPress.
- Abilita la conversione AVIF nelle impostazioni del plugin.
Hai domande sull'utilizzo delle immagini AVIF in WordPress? Fatecelo sapere nella sezione commenti qui sotto!
…
Non dimenticare di unirti al nostro corso intensivo su come velocizzare il tuo sito WordPress. Ulteriori informazioni di seguito: