Come comprimere le immagini per il tuo sito

Probabilmente uno dei metodi più semplici ma spesso trascurati per aumentare la velocità di pagina e ridurre la larghezza di banda è l'ottimizzazione delle immagini, la compressione per essere specifica.Se fatto bene, non influirà sulla qualità delle immagini.Sta diventando la norma, quindi per fortuna, è facile da fare con servizi online gratuiti e plugin.

Comprimere le immagini

Ecco alcuni strumenti che possono aiutare con la compressione delle immagini:

• Resmush.it - Uno strumento online disponibile anche come plug-in WordPress che ottimizza le immagini
• Tinypng - Strumento online gratuito per l'ottimizzazione delle immagini disponibili come plugin WordPress e un plugin Photoshop.Può anche comprimere i file PNG animati (APNG)
• Compressore - Strumento online facile, gratuito (nella foto sotto ... Mostra questo strumento utilizzato anche per l'immagine! Puoi vedere che la dimensione di questa immagine è stata ridotta del 72%)
• ImayOPTIM: un altro strumento online che ottimizza le tue immagini mentre ti dà il controllo totale.Può anche ottimizzare le immagini High Def Retina.Tuttavia, questo non è gratuito, poiché i prezzi iniziano a $ 9 per 1000 ottimizzazioni al mese.

Questa immagine è stata compressa di oltre il 70%

Se stai usando WordPress, è semplice ottimizzare le tue immagini tramite i plugin.Oltre ai servizi di cui sopra offrono un plugin, ecco alcuni altri:

• ShortPixel
• Ewww Image Optimizer

Qual è il formato immagine WebP?

Oltre a comprimere le immagini, potresti anche prendere in considerazione l'utilizzo del formato di immagini WebP.È stato dimostrato che riduce la dimensione dell'immagine di oltre l'80% in alcuni casi ed è supportato da tutti i principali browser, tra cui Chrome, Firefox, Microsoft Edge e Safari.

Ma quando si utilizza WebP, non sostituisce i file JPEG o PNG esistenti.Quindi se i visitatori utilizzano un browser che non supportano Webp, verranno mostrati l'altra versione.Sì, questo significa che hai più immagini sul tuo sito, ma se la maggior parte viene visualizzata la versione del wechp, può ancora diminuire drasticamente le dimensioni e il peso del tuo sito, rendendolo più velocemente.

E ci sono diversi plug -in WordPress che faranno tutto il sollevamento pesante per te: ottimizzati, smush e Optimole meritano una pena prendere in considerazione.

Anche per i browser non supportati, il supporto WebP può essere aggiunto attraverso l'uso della libreria di webpjs.