Guida alle immagini WebP: come utilizzare il formato WebP con WordPress
Pubblicato: 2022-07-29Tutti amiamo una buona GIF, ma i formati di immagine hanno fatto molta strada dall'introduzione della GIF nel 1987. I web designer esperti sono passati ad abbracciare JPEG, PNG e ora WebP.
Mentre le GIF si stanno godendo una seconda vita come foraggio per i canali Slack e i messaggi di testo, il nuovo formato WebP sta iniziando a conquistare il web.
In questo post, esaminiamo la crescita di WebP e offriamo suggerimenti su come utilizzarlo per il tuo sito web. Imparerai:
- Come funziona il formato
- Vantaggi delle immagini WebP
- Limitazioni dell'utilizzo di WebP
- Come abilitare le immagini WebP per WordPress
Come funziona il formato WebP
Originario di On2 Technologies, Google sta sviluppando WebP come formato di immagine open source e spera di renderlo il nuovo standard accettato per le immagini web.
WebP offre una compressione dell'immagine migliorata. Puoi ridurre le dimensioni dei file senza perdere la qualità dell'immagine. WebP è unico nel modo in cui supporta la compressione lossy e lossless.
La compressione senza perdita di dati consente di ridurre le dimensioni di un file mantenendo la qualità dell'immagine originale. Nessuno dei dati originali viene perso, quindi puoi ripristinare l'immagine alla sua qualità e dimensione originali.
L'utilizzo della compressione con perdita di dati consente di ottenere file di dimensioni ancora più ridotte. La compressione con perdita conserva solo i dati necessari per visualizzare un'immagine alla sua dimensione ridotta. Non sarai in grado di eseguire il backup delle dimensioni e mantenere la qualità originale.
Per sfruttare appieno WebP, utilizzare la compressione senza perdita di dati per le immagini che devono essere ridimensionate a dimensioni diverse, come le immagini di sfondo. Usa la compressione con perdita per immagini con dimensioni fisse. Se conosci la larghezza massima di un'immagine in primo piano o dell'immagine di un prodotto per il tuo sito, puoi salvarla con compressione con perdita a quelle dimensioni esatte.
Vantaggi di WebP
Quindi cosa sta alimentando la crescita di WebP? Il formato offre molti vantaggi, tra cui facilità d'uso e prestazioni. Esploriamo i principali vantaggi dell'utilizzo di WebP per il tuo sito web.
Converti facilmente le immagini esistenti
Puoi convertire qualsiasi PNG, GIF o JPEG esistente dal tuo sito in un file WebP. Non sacrificherai la qualità e in genere ridurrai le dimensioni del file.
Migliore compressione
Se converti un PNG o JPEG in un WebP, la dimensione del file WebP sarà dal 30 al 50% inferiore rispetto all'originale. Immagini più piccole dovrebbero aiutare le tue pagine a caricarsi più velocemente, motivo per cui consigliamo la compressione delle immagini come uno dei modi migliori per velocizzare il tuo sito WooCommerce .
Migliori prestazioni del sito
Il caricamento più rapido di immagini e pagine crea un'esperienza utente migliore. Puoi anche aumentare il posizionamento sui motori di ricerca ottimizzando la velocità del tuo sito. I motori di ricerca privilegiano la velocità di caricamento del tuo sito. I siti di caricamento più veloci tendono a classificarsi più in alto di quelli più lenti.
La pubblicazione di immagini in un formato di nuova generazione come WebP è uno dei nostri 12 metodi collaudati per migliorare il punteggio di Google PageSpeed Insights .
Supporto per trasparenza e animazione
Chi non ama una GIF animata? Con WebP sei fortunato. WebP supporta l'animazione e la trasparenza.
Supporto browser diffuso
La maggior parte dei browser moderni supporta WebP. Il browser Safari di Apple è stato l'unico ostacolo, ma alla fine ha introdotto il supporto WebP l'anno scorso con Safari 14.
Limitazioni di WebP
Il limite principale di WebP è garantire la compatibilità in tutti i modi in cui utilizzerai un'immagine. Potresti incorrere in problemi se utilizzi i dati del tuo sito Web per alimentare campagne e-mail o applicazioni mobili.
Assicurati di testare tutti i punti in cui apparirà un'immagine per assicurarti che il formato WebP funzioni. Potresti anche considerare di offrire due versioni di un'immagine. Utilizzare WebP quando consentito e un JPEG o PNG di riserva per quando WebP non è supportato.
Come abilitare WebP con WordPress
WordPress ha iniziato a offrire il supporto WebP con la versione 5.8. Se il tuo server supporta WebP, dovresti essere in grado di caricare e utilizzare le immagini WebP come qualsiasi altro tipo di immagine supportato.
Le opzioni per l'utilizzo delle immagini WebP in WordPress includono:
- Conversione manuale delle immagini. Usa uno strumento online come CloudConvert per trasformare le immagini in WebP. È un'attività manuale dispendiosa in termini di tempo poiché dovrai caricare i file nel convertitore e quindi caricare il nuovo file nella libreria di WordPress.
- Plugin per l'ottimizzazione delle immagini. Molti plug-in di ottimizzazione delle immagini includono già opzioni per la conversione e la visualizzazione di immagini come file WebP. Controlla la documentazione del tuo plug-in per vedere come abilitare le opzioni per il tuo sito.
- Plugin WebP. Invece di un plug-in di ottimizzazione, puoi anche utilizzare un plug-in appositamente progettato come WebP Converter for Media per convertire automaticamente le immagini caricate in WebP.
Siti più veloci con WebP e Pressable
Se sei interessato a WebP, probabilmente vorrai che il tuo sito si carichi il più velocemente possibile. Ridurre della metà le dimensioni dei file di immagine con la straordinaria compressione di WebP è un ottimo punto di partenza. L'altro modo per garantire che il tuo sito funzioni il più velocemente possibile è scegliere l'host giusto.
In Pressable, i nostri servizi di hosting offrono le migliori prestazioni possibili per i siti WordPress. Il nostro servizio di hosting gestito basato su cloud semplifica la gestione del tuo sito offrendo al contempo il 100% di uptime e una velocità fulminea. Oh, e il supporto WebP? Abbiamo quello coperto. La nostra rete CDN globale supporta anche WebP, quindi puoi sfruttare tutti i vantaggi di miglioramento della velocità dell'utilizzo di questo nuovo formato di immagine.
Per saperne di più su come Pressable fa funzionare meglio WordPress, prenota oggi una demo personalizzata .
