Examen du plugin : Plugin WordPress WP Squish

Publié: 2019-06-20

L'espace de stockage et la vitesse de chargement des pages sont deux des choses les plus importantes pour tout site Web et les images sont l'un des plus grands contrevenants. Il est crucial de réduire l'espace requis par les images sans sacrifier la qualité d'image. Si vous utilisez des JPEG, une excellente option est un plugin appelé WP Squish.

WP Squish est un plugin gratuit d'Aspen Grove Studios qui compressera vos JPEG tout en vous donnant un contrôle total sur la qualité de compression non seulement des variations créées par WordPress mais aussi des variations créées par vos thèmes WordPress.

Jetons un coup d'œil à WP Squish et voyons ce qu'il peut faire.

Installer WP Squish

Tout d'abord, téléchargez WP Squish depuis le site Web d'Aspen Grove Studios. Installez et activez le plugin comme d'habitude. Il ne nécessite aucune clé, donc une fois que vous avez activé le plugin, il fonctionnera automatiquement en utilisant les paramètres par défaut.

Paramètres WP Squish

Un nouvel élément de menu est ajouté au menu Paramètres du tableau de bord WordPress appelé WP Squish. Ce menu comprend les options d'image et les paramètres de compression. Par défaut, les options de limite de taille sont désactivées et la qualité de compression est définie sur 75.

Options d'image WP Squish

Vous avez la possibilité de spécifier la limite de taille des images. Spécifiez n'importe quelle taille que vous voulez. Une fois cette option activée, toutes les images plus grandes que cela seront redimensionnées lors de leur téléchargement. L'activation de Toujours recompresser les images JPEG en taille réelle permettra aux images en taille réelle de se compresser uniquement si elles doivent être redimensionnées.

Paramètres de compression d'image

Vous pouvez définir la qualité d'image de toutes les images ensemble ou ajuster chaque taille d'image indépendamment. Entrez la valeur manuellement ou utilisez le curseur. Ce sont les images WordPress standard qui sont créées lorsque vous téléchargez une image.

Si vous utilisez le curseur pour Toutes les tailles, vous verrez le nombre apparaître dans la zone avec des flèches vers le haut et vers le bas afin que vous puissiez ajuster la quantité. Vous verrez également que tous les curseurs ont suivi votre réglage. Dans ce cas, elles sont toutes définies sur une qualité de 51. Même si vous définissez Toutes les tailles, vous pouvez toujours contrôler chacune individuellement.

Ceci est particulièrement utile si vous souhaitez définir la plupart sur un certain pourcentage, puis en contrôler quelques-uns manuellement. Dans cet exemple, j'ai défini la majorité sur une qualité de 60 et défini manuellement deux tailles d'image sur 70.

Vous pouvez également contrôler les images créées par thèmes. Les images de cet exemple ont été créées par Divi.

Ceux-ci sont ajoutés par Extra. Il ajoute plus que Divi à cause des modules de style magazine.

Ceux-ci sont ajoutés par le thème Twenty Seventeen.

Exemples de WP Squish

J'ai récupéré quelques photos sur Unsplash.com et les ai téléchargées sans compression ni limite de dimensions. Après cela, j'ai défini la limite de dimension et les ai téléchargées à nouveau avec une compression définie sur différents niveaux. Voici quelques comparaisons. Le premier tour utilise le paramètre de qualité de compression par défaut de 75.
En regardant l'une des images au hasard, il s'agit de l'image originale avec des dimensions de 5184×3456 et une taille de fichier de 5 Mo.
Voici l'image redimensionnée sans compression. C'est 1620×1080 et la taille du fichier est de 1 Mo. Le simple fait de limiter les dimensions a considérablement réduit la taille de son fichier.
Voici la même image téléchargée à nouveau avec la compression activée à la qualité d'image par défaut de 75. Ses dimensions sont de 1620×1080 et la taille du fichier est de 107 ko.
Voici une autre image sans compression ni limite de dimension. Ses dimensions sont de 6016 × 4016 et sa taille de fichier est de 3 Mo.
La version compressée est de 1618×1080 et la taille du fichier est de 249 Ko.
Notez que les images sont toutes limitées à une hauteur de 1080. Je suis retourné aux paramètres et j'ai supprimé la limite verticale. Cela permet à l'image d'avoir n'importe quelle taille verticale mais limitée à la taille horizontale.
Cette image originale a des dimensions de 5184×3456 et sa taille de fichier est de 3 Mo.
L'image redimensionnée est de 1920 × 1280 et la taille du fichier est de 252 Ko.
Regardons quelques exemples côte à côte. L'image de gauche est l'original à 2963×3878, 4 MB. L'image de droite est redimensionnée à une qualité de 75 à 825×1080, 180 Ko.
Dans celui-ci, l'image de gauche est l'originale et l'image de droite a été compressée à une qualité de 60. Elle fait 825×1080, 135 Ko.
Dans celui-ci, l'image de droite a été compressée à 50. Elle fait 825×1080, 117 Ko.
Pour celle-ci, l'image de droite est compressée avec une qualité de 20. Elle fait 825×1080, 64 Ko. Même à ce niveau de qualité, l'image est tout à fait exploitable. Cette qualité variera en fonction de nombreux facteurs avec vos photos. Si cette photo était de plus grande taille, la qualité inférieure pourrait être plus évidente. Je recommande 60-75 comme standard, puis j'expérimente pour voir ce qui fonctionne le mieux.
Voici la photo du toucan. L'image de gauche est l'original à 5184×3456, 5 MB. L'image de droite est compressée avec une qualité de 20. Elle fait 1620×1080, 40 Ko. Les différences sont si minimes que je dois regarder de près pour les repérer, et même dans ce cas, la photo compressée est superbe.
Voici la taille moyenne de l'original à gauche sans compression, 75 au centre et 60 à droite.
Voici un exemple de deux ensembles de vignettes, les deux ensembles s'affichant de gauche à droite : 100, 75 et 60.
Regardons quelques grandes images. Celui-ci montre la grande version de l'original en haut et la version en bas a une qualité de 60.
Celui-ci montre la grande version de l'original en haut. La version en bas a la qualité définie sur 40.
Celui-ci montre la grande version, 4 Mo, de l'original en haut et la version de qualité 40, à 251 Ko, en bas. Vous pouvez voir que les nuages ​​sur la gauche commencent à apparaître en moins bonne qualité. 40's en fait agressif pour la compression d'image. Quelque part dans la gamme 60-75 semble être les meilleures options et elles réduisent encore considérablement la taille du fichier.
Celui-ci utilise une qualité de 60. Pas mal pour une image à 324 Ko.

Mettre fin aux pensées

WP Squish n'est pas seulement facile à utiliser, il économise une tonne d'espace sur votre serveur WordPress. Cela signifie également que vos pages se chargent plus rapidement et que vos visiteurs sont plus susceptibles de rester jusqu'à ce que vos pages se chargent dans leurs navigateurs. Le niveau de compression par rapport à la qualité est incroyable. Ils sont encore plus compressés dans cet article, mais les images doivent toujours raconter l'histoire.

J'aime que vous puissiez ajuster chaque type d'image individuellement. J'aime aussi le fait que vous puissiez limiter les dimensions globales et que les images qui sont plus grandes que votre limite soient automatiquement redimensionnées à cette limite. Cela vous évite d'avoir à redimensionner vos photos chaque fois que vous voulez télécharger quelque chose (ce que j'ai tendance à oublier).

WP Squish est un excellent plugin pour la compression JPEG et c'est un plugin facile à recommander. Si vous avez besoin d'un plugin gratuit pour compresser les fichiers JPEG et limiter leurs dimensions lorsqu'ils sont téléchargés sur WordPress, WP Squish vaut la peine d'être essayé.

Avez-vous essayé WP Squish ? Faites-nous savoir ce que vous en pensez dans les commentaires.