Compresser ses images pour son site WordPress sans utiliser d’extension

Bien que les extensions WordPress pour la compression d'images, comme Smush ou Imagify, soient populaires et faciles à utiliser, elles ne sont pas toujours la meilleure solution :

1. Charge sur le Serveur : les plugins de compression d'images effectuent leurs opérations directement sur le serveur où votre site est hébergé. Si votre hébergement est partagé ou limité en ressources, cela peut entraîner des ralentissements, notamment lors de la génération d'images optimisées pour différentes tailles (thumbnails).

2. Sécurité : chaque plugin ajouté à WordPress représente une potentielle vulnérabilité. Des plugins mal codés ou non mis à jour régulièrement peuvent exposer votre site à des risques de sécurité.

3. Efficacité de la compression : les outils en ligne spécialisés dans la compression d'images utilisent des algorithmes plus sophistiqués et sont souvent mis à jour pour garantir une compression maximale sans perte de qualité significative. De plus, ils ne consomment pas de ressources de votre serveur.

Choisir un bon format pour le web dépendra de 3 caractéristiques principales :

- Quel type d’image vous souhaitez ajouter sur votre site (photo, icon, logo,…) ;
- Si oui ou non le format est supporté par les moteurs de recherche de vos utilisateurs ;
- La compression du format (avec ou sans perte de qualité).

1. Résolution : la résolution de l'image détermine sa clarté et sa netteté. Pour le web, une résolution de 72 DPI (pixels par pouce) est généralement suffisante. Réduisez la résolution des images à une taille adaptée à l'affichage numérique.

2. Dimensions : les dimensions de l'image doivent correspondre à l'endroit où elle sera utilisée sur le site. Par exemple, une image destinée à une bannière pleine largeur n'a pas besoin d'avoir des dimensions supérieures à celles de la largeur maximale du site.

3. Qualité : vous pouvez ajuster le niveau de qualité pour trouver un équilibre entre la taille du fichier et la qualité visuelle. Une qualité de 70 à 80 % est souvent suffisante pour le web, offrant une réduction significative de la taille tout en maintenant une qualité acceptable.

La meilleure des pratiques est de créer une maquette ou un wireframe avant tout déploiement sur WordPress.

Cela vous permet d’abord de gagner du temps en déterminant avec précision ce à quoi va ressembler votre site.

Ensuite dans le cas des images, ça vous permettra de connaître leur taille sur un écran.

Voici ce que je recommande pour les cas les plus habituels (photos d’illustration d’un texte par exemple) :

1- Passer votre site sur page speed Insight pour déterminer exactement quelles photos posent un problème ;

2- Rendez vous sur les pages en question et allez dans l’inspecteur (clic droit > inspecter, Ctrl Maj + i)

3- Assurez vous bien d’être sur une dimension au moins égale à 1280px (en haut) ;

4- Cliquez sur le bouton en haut à gauche de l’inspecteur et sélectionnez une des photos ;

5- L’inspecteur vous indiquera la taille affichée de la photo (rendered size) ;

6- Utilisez cette taille pour redimensionner votre image à l’aide d’un outil en ligne. (I love img par exemple)

1. TinyPNG - Il vous permet de réduire la taille des fichiers PNG, JPEG et WEBP sans sacrifier la qualité. Vous pouvez traiter jusqu’à 20 fichiers simultanément avec le plan gratuit.

2. Squoosh - il prend en charge divers formats d'image et offre des options avancées pour ajuster la qualité, la taille et d'autres paramètres de compression.

3. Freeconvert - La version gratuite vous permettra de convertir vos fichiers par paquets et jusqu’à 30 fichiers par jours

4. Online-convert - vous permet de convertir n’importe quel format en un autre très rapidement.

La compression des images est un élément essentiel de l'optimisation des sites web. En évitant les extensions WordPress pour la compression d'images et en utilisant des outils en ligne spécialisés, vous pouvez réduire efficacement la taille des fichiers tout en maintenant la qualité visuelle. Le choix du bon format d'image et l'optimisation des paramètres de compression vous permettront d'améliorer les performances de votre site, d'offrir une meilleure expérience utilisateur et de répondre aux exigences de SEO.

Sources