100 points à savoir sur…
Développement Web éco-conçu

« Notre cerveau traite les images 60 000 fois plus vite que le texte. »
« Nous retenons 80% de ce que nous voyons, contre 20% de ce que nous lisons. »

Afin d'avoir une optimisation web efficace et de diminuer votre impact environnemental, il est important de faire le bon choix de formats d'images. Un mauvais choix de format a un impact majeur sur le chargement de votre page web et augmente donc votre consommation d'énergie.
Les formats d'image les plus couramment utilisés sur le web sont les suivants : JPEG (Joint Photographic Experts Group) ; PNG (Portable Network Graphics) ; GIF (Graphics Interchange Format) et Webp.

Le format JPEG
Ce format est recommandé pour les photographies et la plupart des images dont les couleurs et les contrastes sont très larges. Le principal inconvénient de ce format est qu'il entraîne une perte d'image. En d'autres termes, plus l'image contient de couleurs distinctes, moins le JPEG est compressible. Malgré cet inconvénient, ce format est le plus utilisé sur le Web car la qualité des images est meilleure que les autres formats.
De plus, à poids égal, la quantité d'informations contenues dans le format JPEG est plus riche que le format PNG. Dans ce cas, le poids est optimisé et nécessite moins d'énergie pour le stockage et le chargement.

Le format PNG
Ce format permet de compresser une image sans perte de qualité et d'informations.
C'est le format idéal si vous souhaitez mettre de la transparence sur vos images. Notez que sa qualité de compression est supérieure à celle du GIF.

Le format GIF
Le format GIF permet le transfert d'images et a la capacité de combiner plusieurs images dans un seul fichier. Il a la capacité de supporter la transparence mais n'offre que 256 couleurs. Son grand avantage est qu'il ne perd pas d'informations lors de la compression.
Le GIF est le format idéal pour les petites images qui nécessitent très peu de couleurs. En revanche, si l'image est plus grande et comporte de nombreuses couleurs, la qualité de cette dernière sera impactée et la taille du fichier sera assez élevée.
À noter que ce format est moins intéressant que le JPEG en termes de rapport poids/qualité.

Le format Webp
Ce format combine les avantages des trois (3) autres formats mentionnés ci-dessus. Il crée des images plus petites et plus riches avec un impact plus rapide sur le web. Sa compréhension est de meilleure qualité et se fait avec ou sans perte.