Recensione Plugin: Plugin WP Squish per WordPress

Pubblicato: 2019-06-20

Lo spazio di archiviazione e la velocità di caricamento della pagina sono due delle cose più importanti per qualsiasi sito Web e le immagini sono uno dei più grandi trasgressori. Ridurre lo spazio richiesto dalle immagini senza sacrificare la qualità dell'immagine è fondamentale. Se usi JPEG, un'opzione eccellente è un plugin chiamato WP Squish.

WP Squish è un plugin gratuito di Aspen Grove Studios che comprimerà i tuoi JPEG dandoti il ​​controllo completo sulla qualità di compressione non solo delle variazioni create da WordPress ma anche delle variazioni create dai tuoi temi WordPress.

Diamo un'occhiata a WP Squish e vediamo cosa può fare.

Installazione di WP Squish

Innanzitutto, scarica WP Squish dal sito Web di Aspen Grove Studios. Installa e attiva il plugin normalmente. Non richiede alcuna chiave, quindi una volta attivato il plugin funzionerà automaticamente utilizzando le impostazioni predefinite.

Impostazioni WP Squish

Una nuova voce di menu viene aggiunta al menu Impostazioni nella dashboard di WordPress chiamata WP Squish. Questo menu include le opzioni dell'immagine e le impostazioni di compressione. Per impostazione predefinita, le opzioni del limite di dimensione sono disabilitate e la qualità di compressione è impostata su 75.

Opzioni immagine WP Squish

Hai la possibilità di specificare il limite di dimensione delle immagini. Specifica la taglia che desideri. Una volta abilitata questa opzione, tutte le immagini più grandi di questa verranno ridimensionate quando vengono caricate. L'abilitazione della ricompressione sempre delle immagini JPEG a dimensione intera consentirà di comprimere le immagini a dimensione intera solo se è necessario ridimensionarle.

Impostazioni di compressione dell'immagine

È possibile impostare la qualità dell'immagine di tutte le immagini insieme o regolare le dimensioni di ciascuna immagine in modo indipendente. Immettere il valore manualmente o utilizzare il dispositivo di scorrimento. Queste sono le immagini standard di WordPress che vengono create quando carichi un'immagine.

Se utilizzi il dispositivo di scorrimento per Tutte le taglie, vedrai il numero apparire nella casella insieme alle frecce su e giù in modo da poter regolare con precisione l'importo. Vedrai anche che tutti i cursori hanno seguito le tue impostazioni. In questo caso, sono tutti impostati su una qualità di 51. Anche se imposti Tutte le dimensioni, puoi comunque controllarle singolarmente.

Ciò è particolarmente utile se si desidera impostare la maggior parte su una determinata percentuale e quindi controllarne alcuni manualmente. In questo esempio, ho impostato la maggior parte su una qualità di 60 e impostato manualmente due dimensioni dell'immagine su 70.

Puoi anche controllare le immagini create dai temi. Le immagini in questo esempio sono state create da Divi.

Questi sono aggiunti da Extra. Aggiunge più di Divi a causa dei moduli in stile rivista.

Questi sono aggiunti dal tema Twenty Seventeen.

Esempi di WP Squish

Ho preso alcune foto da Unsplash.com e le ho caricate senza compressione o limiti alle loro dimensioni. Successivamente, ho impostato il limite di dimensione e li ho caricati di nuovo con la compressione impostata su vari livelli. Ecco alcuni confronti. Il primo round utilizza l'impostazione predefinita della qualità di compressione di 75.
Dando un'occhiata a una delle immagini a caso, questa è l'immagine originale con dimensioni di 5184×3456 e una dimensione del file di 5 MB.
Ecco l'immagine ridimensionata senza compressione. È 1620×1080 e la dimensione del file è 1 MB. La semplice limitazione delle dimensioni ha ridotto considerevolmente le dimensioni del file.
Ecco la stessa immagine caricata di nuovo con la compressione abilitata alla qualità dell'immagine predefinita 75. Le sue dimensioni sono 1620×1080 e la dimensione del file è 107 kb.
Ecco un'altra immagine senza limiti di compressione o dimensione. Le sue dimensioni sono 6016×4016 e la dimensione del file è di 3 MB.
La versione compressa è 1618×1080 e la dimensione del file è 249 kb.
Notare che le immagini sono tutte limitate a un'altezza di 1080. Sono tornato alle impostazioni e ho rimosso il limite verticale. Ciò consente all'immagine di essere di qualsiasi dimensione verticale ma limitata alla dimensione orizzontale.
Questa immagine originale ha dimensioni di 5184×3456 e la sua dimensione del file è di 3 MB.
L'immagine ridimensionata è 1920×1280 e la dimensione del file è 252 KB.
Diamo un'occhiata ad alcuni esempi affiancati. L'immagine a sinistra è l'originale a 2963×3878, 4 MB. L'immagine a destra viene ridimensionata a una qualità di 75 a 825×1080, 180 KB.
In questo, l'immagine a sinistra è l'originale e l'immagine a destra è stata compressa a una qualità di 60. È 825×1080, 135 KB.
In questo, l'immagine a destra è stata compressa a 50. È 825×1080, 117 KB.
Per questo, l'immagine a destra è compressa con una qualità di 20. È 825×1080, 64 KB. Anche a questo livello di qualità, l'immagine è completamente utilizzabile. Questa qualità varierà, a seconda di molti fattori con le tue foto. Se questa foto fosse di dimensioni maggiori, la qualità inferiore potrebbe essere più evidente. Raccomando 60-75 come standard e poi sperimentando per vedere cosa funziona meglio.
Ecco la foto del tucano. L'immagine a sinistra è l'originale a 5184×3456, 5 MB. L'immagine a destra è compressa con una qualità di 20. È 1620×1080, 40 KB. Le differenze sono così minime che devo guardare da vicino per individuarle, e anche in questo caso la foto compressa sembra fantastica.
Ecco la dimensione media dell'originale a sinistra senza compressione, 75 al centro e 60 a destra.
Ecco un esempio di due serie di miniature con entrambe le serie visualizzate da sinistra a destra: 100, 75 e 60.
Diamo un'occhiata ad alcune immagini di grandi dimensioni. Questo mostra la versione grande dell'originale in alto e la versione in basso ha una qualità di 60.
Questo mostra la versione grande dell'originale in alto. La versione in basso ha la qualità impostata su 40.
Questo mostra la versione grande, 4 MB, dell'originale in alto e la versione di qualità 40, a 251 KB, in basso. Puoi vedere le nuvole sulla sinistra che iniziano a mostrarsi con una qualità inferiore. 40 in realtà è aggressivo per la compressione delle immagini. Da qualche parte nell'intervallo 60-75 sembrano essere le migliori opzioni e riducono ancora considerevolmente le dimensioni del file.
Questo utilizza una qualità di 60. Non male per un'immagine a 324 KB.

Pensieri finali

WP Squish non è solo facile da usare, ma fa risparmiare un sacco di spazio sul tuo server WordPress. Ciò significa anche che le tue pagine si caricano più velocemente ed è più probabile che i tuoi visitatori rimangano in giro fino a quando le tue pagine non vengono caricate nei loro browser. Il livello di compressione rispetto alla qualità è sorprendente. Sono ulteriormente compressi in questo articolo, ma le immagini dovrebbero comunque raccontare la storia.

Mi piace che tu possa regolare ogni tipo di immagine individualmente. Mi piace anche che tu possa limitare le dimensioni complessive e avere le immagini più grandi del tuo limite per ridimensionarsi automaticamente a quel limite. Questo ti evita di dover ridimensionare le tue foto ogni volta che vuoi caricare qualcosa (che è qualcosa che tendo a dimenticare).

WP Squish è un ottimo plugin per la compressione JPEG ed è un plugin facile da consigliare. Se hai bisogno di un plug-in gratuito per comprimere i JPEG e limitarne le dimensioni mentre vengono caricati su WordPress, vale la pena provare WP Squish.

Hai provato WP Squish? Fateci sapere cosa ne pensate nei commenti.