Pourquoi compresser vos images ?
Lorsqu'on envois des images sur le web, il est indispensable de correctement les enregistrer afin de ne pas alourdir la page, ralentir son chargement et pénaliser très fortement le référencement de celle-ci.
Il faut garder en tête que le poids d'une page web (tout compris : html/css/js/fonts/images...) ne devrait pas dépasser les 2 à 3 Mo afin d'avoir un chargement optimal...
Il est donc évident qu'envoyer une image de plusieurs Mo n'a aucun sens et met à mal tous les autres efforts qui auraient pu être réalisés.
Les formats d'images utilisés sur le web
Plusieurs points sont à prendre en compte :
La taille en pixel : doit être la plus proche de l'affichage final sur le site
Le format :
.jpeg pour les photos (Ne prend pas en charge la transparence)
.png pour les images de type dessin vectoriel ou ayant besoin de transparence
La compression :
Le jpeg est un format dédié à être compressé et il est possible de diminuer très fortement le poids d'une image en jouant sur le taux de compression
Le png24 n'est pas compressible
Le png8 permet de prendre en compte un nombre limité de couleur et de fait, diminuer très fortement le poids final également. Ce format est à privilégier pour les icons et logos possédant peu de couleurs différentes
Compresser vos images depuis photoshop
Il convient de maitriser l'outil "Exporter pour le web" de photoshop qui est extrêmement puissant pour cette tache !
Compresser vos images en lots avec un logiciel dédié
Des logiciels permettent également de traiter par lots la compression de vos images :