Comment bien compresser les images pour le web ?
Sommaire
Comment bien compresser les images pour le web ?
Adgensee, Vincent GARCIES 27 June, 2022

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 :

www.jpegmini.com

kstudio.net

Sign in to leave a comment
Qu'est ce qu'un développeur web ?
Nous allons essayer de démystifier ce métier un peu obscure au travers de cet article