Come convertire le immagini in WebP su WordPress con Imagify
Pubblicato: 2021-07-19Interessato a convertire le tue immagini in WebP su WordPress? Saluta Imagify, il nostro plugin gratuito che ottimizza le tue immagini e le converte in WebP.
Nella nostra guida spieghiamo come fornire immagini di alta qualità senza rallentare il tuo sito. Se hai già centinaia di immagini PNG o JPG sul tuo sito Web, Imagify le ottimizzerà e le convertirà automaticamente in WebP.
Sembra promettente? Analizziamo questo moderno formato WebP per vedere come influisce sulle prestazioni riducendo le dimensioni dei file di immagine fino al 35%!
Che cos'è il formato WebP?
WebP è un formato immagine che offre compressione dell'immagine riducendo le dimensioni del file ma senza comprometterne la qualità. Sviluppato da Google, WebP è un moderno formato di file immagine contenente compressione lossless e lossy. Il formato può ridurre le dimensioni del file immagine fino al 35% in meno rispetto alle immagini JPEG e PNG pur mantenendo un'elevata qualità. Il meglio di entrambi i mondi, giusto?
I visitatori vogliono qualità E un sito web veloce. Ecco perché negli ultimi anni sono usciti nuovi formati progettati pensando alla riduzione al minimo dei file pur mantenendo la qualità. "WebP" è sicuramente l'aggiornamento più notevole degli ultimi 10 anni.
Nell'esempio seguente – fornito dal sito web di Google WebP – confrontiamo due immagini con la stessa qualità. Uno è JPEG, l'altro è WebP e notiamo tre cose, vale a dire:
- La qualità dell'immagine rimane la stessa in JPEG o WEBP
- La dimensione del file JPEG è 43,84 KB.
- Il file WebP è 29,61 KB, che è molto più leggero del formato JPEG.
Il formato WebP consente di ottenere il seguente equilibrio: immagini di alta qualità e dimensioni file ridotte .
Perché dovresti convertire le immagini in WebP
Il vantaggio principale del formato WebP è quello di creare file di immagine più piccoli preservando la stessa qualità dell'immagine. Di conseguenza, le compressioni delle immagini accelereranno il tuo sito web.
Potresti non rendertene conto, ma le immagini occupano così tanto spazio sul tuo server. Non solo consuma spazio di archiviazione come un matto, ma può anche rallentare i siti Web e far scappare i visitatori.
JPEG, PNG e GIF sono i formati che possono essere facilmente convertiti in WebP:
- JPEG : il formato più comune, ideale per foto e immagini molto ricche di colori
- PNG: il formato consigliato per grafica, icone e loghi semplici
- GIF: per tutte le immagini animate che punteggiano i tuoi messaggi
Google ha condotto uno studio sulla compressione WebP per vedere come webP si confronta con i formati JPEG e PNG in termini di dimensioni del file. I risultati sono interessanti:
- Un'immagine WebP è più piccola del 25% rispetto a un'immagine PNG.
- Un'immagine WebP è del 25-35% più piccola di un'immagine JPEG.
Questi risultati indicano che WebP può fornire miglioramenti significativi della compressione rispetto a JPEG e PNG. Nel grafico seguente, vediamo che un'immagine WebP richiedeva costantemente meno bit per pixel rispetto a JPEG:
Inoltre, Google PageSpeed Insights ti consiglia di pubblicare immagini nei formati di nuova generazione (WebP) , il che significa download più rapidi e minore consumo di dati. Lo strumento per le prestazioni web suggerisce anche di utilizzare un plug-in WordPress per comprimere e convertire le tue immagini nei formati ottimali.
Indovina chi c'è nella lista? Immagina!
Come convertire le immagini in WebP
Imagify è uno dei migliori plugin di WordPress per convertire le tue immagini in WebP e ottimizzarle.
Conosciamo tutti strumenti online in grado di convertire molti formati (da JPG a PDF, ad esempio). Questi strumenti non sono intuitivi e la maggior parte di essi non ti consentirà di eseguire conversioni in blocco gratuitamente.
Un plug-in potrebbe essere più semplice per convertire i tuoi file in WebP. Vediamo perché. Le cose si complicano un po' quando si tratta di WordPress. WordPress 5.8 ti consente di caricare immagini WebP ma non converte il formato originale in WebP .
Ecco perché ti consigliamo di caricare immagini PNG e JPEG e lasciare che Imagify faccia il lavoro. Il plug-in Imagify può convertire automaticamente le tue immagini in formato WebP nella dashboard di WordPress . Ottimizzerà tutti i file JPG, GIF o PNG sul tuo sito web riducendoli per un'esperienza di navigazione più veloce senza sacrificare la qualità. Se hai già aggiunto delle immagini alle tue pagine pubblicate, non preoccuparti, Imagify le convertirà anche.
Imagify ottimizza e converte automaticamente le immagini di WordPress in WebP:
- Durante il caricamento di nuove immagini
- Su quelli esistenti (funzione in blocco, che ti farà risparmiare tempo prezioso)
Inoltre, Imagify ti aiuta a caricare le foto più velocemente su WordPress. Il plug-in comprime più immagini nei loro formati originali e ridimensiona le immagini a un insieme di dimensioni massime senza perdere la qualità. Non è solo uno strumento di conversione. È anche un plug-in che aiuta il tuo sito WordPress a funzionare più velocemente!
Segui la nostra guida passo passo per vedere come convertire le immagini in WebP usando Imagify:
Passaggio 1: scarica Imagify gratuitamente
Attiva il plugin e crea una API KEY gratuita.
(Vai alla tua casella di posta elettronica per ottenere la tua chiave API e incollala nella casella sottostante).
Passaggio 2: configurazione dell'opzione di conversione WebP
Dopo aver aggiunto la tua chiave API Imagify, vai su Impostazioni → Imagify e scorri fino alla sezione "Formato Ottimizzazione Webp". Assicurati che entrambe le caselle siano selezionate come di seguito:
La prima casella dice a Imagify di convertire le tue immagini in WebP; il secondo indica il plugin per servire quelle immagini WebP ai browser supportati.
Passaggio 3: è ora di convertire le tue immagini
Vai su Media -> Ottimizzazione in blocco e premi il pulsante blu Imagify'em all :
Questo è tutto! Puoi ottenere un sito Web più veloce in soli tre passaggi con Imagify.
Prezzi di Imagify (e sì, è disponibile un piano gratuito!)
Piano di partenza: Imagify ti consente di ottimizzare e convertire gratuitamente 20 MB di immagini al mese (circa 200 immagini).
Piano di crescita: se hai bisogno di più, puoi passare a un piano a pagamento, che costa $ 4,99 al mese per 500 MB (~ 5.000 immagini).
Piano infinito: $ 9,99 al mese per dati illimitati. È fantastico se hai un sito Web con migliaia di immagini da ottimizzare.
L'impatto di WebP sulle prestazioni con Imagify
Vediamo ora come utilizzare Imagify per ridurre le dimensioni dei file multimediali.
Per l'analisi, eseguiremo due scenari utilizzando la nostra dashboard di WordPress:
- Caricherò una GIF, un PNG, un JPG e controllerò le dimensioni del file per ciascuno di essi.
- Attiverò Imagify, convertirò i miei 3 file dall'alto in WebP e verificherò la nuova dimensione del file.
Eseguiamo l'analisi.
- Impatto di Imagify sulla dimensione del mio file GIF:
| Dimensione del file GIF – Nessuna immagine | Formato WebP – Con Imagify |
| 816 KB | 512 KB |
 |  |
- Impatto di Imagify sulla dimensione del mio file PNG:
| Dimensione file PNG – Nessuna immagine | Formato WebP – Con Imagify |
| 67 KB | 28 KB |
 |  |
- Impatto di Imagify sulla dimensione del mio file JPG:
| Dimensione file JPG – Nessuna immagine | Formato WebP – Con Imagify |
| 755 KB | 525 KB |
 |  |
Imagify ha ridotto le dimensioni del mio file durante la conversione in WebP?
La risposta è si! Come hai visto, tutte le dimensioni dei file sono notevolmente diminuite dopo aver utilizzato Imagify e il formato WebP. Ecco un riassunto:
- GIF → WebP : la dimensione è passata da 816 KB a 512 KB
- PNG → WebP : la dimensione è passata da 67 KB a 28 KB
- JPEG → WebP : la dimensione è passata da 755 KB a 525 KB.
Utilizzo di Imagify per migliorare il mio livello di performance su Google PageSpeed Insights
Per questo controllo delle prestazioni, ho creato una pagina che mostra alcuni media: una foto JPG, un elemento PNG e una GIF.
Utilizzeremo Google PageSpeed Insights ed eseguiremo i due scenari seguenti:
- Scenario n. 1 – Un controllo delle prestazioni della mia pagina (immagini in formato PNG e JPG + GIF) – no Imagify – no WebP
- Scenario n. 2 – Grado di performance della mia pagina dopo aver convertito tutti i miei media in WebP con Imagify
Scenario n. 1 : No Imagify – No WebP
Sono in arancione su Google PageSpeed Insights (88/100) e non tutti i miei Core Web Vitals sono in verde:
Nella sezione delle opportunità, possiamo vedere diversi problemi relativi al formato delle mie immagini, come "Usa formati video per contenuti animati" o "Servire immagini in formati di nuova generazione".
Se avessi 50 pagine con 200 prodotti, sarei molto preoccupato di convertirli manualmente... Ma fortunatamente, Imagify può farlo per me!
Scenario n. 2: formato WebP con Imagify
Diamo ora un'occhiata ai risultati dopo aver convertito tutti i media in WebP utilizzando Imagify.
Il mio voto è migliorato : sono nel verde, con un punteggio di 99/100!
Nella sezione opportunità, tutti i miei problemi relativi alle immagini sono spariti:
Avvolgendo
WebP è sicuramente un modo efficiente per ridurre le dimensioni dell'immagine e velocizzare il caricamento del tuo sito WordPress. Questo formato moderno consente di risparmiare in media circa il 25% di spazio di archiviazione in più rispetto ai file JPEG o PNG. Un'altra buona notizia è che l'esperienza dell'utente non ne risentirà, visto che la qualità delle immagini rimane la stessa.
Inoltre, non preoccuparti se hai almeno 200 file di un tipo di immagine (png o .jpg) di dimensioni diverse perché il nostro potente plug-in Imagify li sostituirà con il formato WebP ottimizzato senza sacrificare la qualità.
WordPress 5.8 aggiungerà il supporto per le immagini WebP (ma non le convertirà dal formato originale in WebP). Ecco perché ti consigliamo comunque di utilizzare un plug-in per convertire i tuoi file. Ecco perché:
- La possibilità di caricare immagini WebP direttamente nella Libreria multimediale non risolverà il 5% circa dei visitatori i cui browser non supportano WebP.
- Le immagini e le immagini sono generalmente in JPG o PNG, quindi per caricarle e convertirle in blocco, un plug-in come Imagify può farti risparmiare centinaia di ore.
Che ne dici di prendere Imagify per un giro di prova? È gratuito per circa 200 immagini al mese.
E ricorda, se hai domande sull'utilizzo di WebP sul tuo sito WordPress, chiedici nei commenti qui sotto!