Images : format .gif ou .jpg?

Compression des images

Lorsque je prends une photographie avec mon appareil numérique ou lorsque mon graphiste me remet un cédérom avec les créations qu'il m'a préparées, toutes ces images peuvent être de types très variés, dépendamment des logiciels avec lesquels elles ont été créées. Cependant, elles seront presqu'à coup sûr excessivement lourdes - beaucoup trop pour être placées sur mon site Web - et qui plus est, il se peut que leur "format" (type d'image) soit tout simplement incompatible avec Internet.

Les formats d'image .jpg et .gif sont des formats de fichiers-images qui sont compatibles avec le Web et qui "compressent" les informations (couleurs, motifs, taille) relatives aux images. La compression de ces informations rend les images beaucoup plus légères. Une image "légère" prend peu de place (occupe peu de mémoire) sur le serveur d'hébergement de mon site Web. Cela augmente aussi grandement la vitesse à laquelle elle sera téléchargée (affichée) sur l'ordinateur d'un internaute.

Les modes de compression .gif et .jpg diffèrent l'un de l'autre par leur algorithme mathématique: les informations ne sont pas compressées de la même façon et les résultats sont donc différents. Ils ont chacun des utilités et des applications bien particulières. Quand utiliser quoi?

.GIF

La conversion d'une image en .gif convient à celles qui comptent peu de couleurs et peu de nuances de couleurs (pâle, foncé). Elle seront idéales pour des logos, des formes plutôt simples de couleurs unies, du texte que l'on tient à placer sous forme d'image. Les contours des formes seront nets, la typographie sera facile à lire.

Le degré de compression en .gif - donc le poids final de l'image - dépend du nombre de couleurs utilisées pour "mémoriser" l'image. Le maximum que ce format permet d'utiliser est de 256 couleurs pour une image donnée. On peut compresser encore plus l'image (réduire son poids) en ne permettant l'enregistrement que de 128, 64, 32, 16, 8, 4, ou 2 couleurs. Chaque nuance (ton plus foncé ou plus pâle) compte pour une couleur en soi. C'est pour cela qu'il est difficile de reproduire en .gif des dégradés de couleurs.

Par exemple :

2 couleurs, 0,7 Ko	4 couleurs, 1,2 Ko	8 couleurs, 1,9 Ko	16 couleurs, 2,6 Ko
32 couleurs, 3,7 Ko	64 couleurs, 5,0 Ko	128 couleurs, 6,2 Ko	256 couleurs, 8,1 Ko

.JPG

La conversion en .jpg convient en général à la majorité des photographies car on retrouve dans celles-ci une multitude de couleurs comprenant beaucoup de dégradés, des formes très variées et complexes (pas de contours simples). En compressant une photo en .jpg, on perd de la précision (couleurs et contours) dans les détails, mais la perception de l'ensemble reste bonne, d'autant plus que la taille des photos sur le Web est généralement petite.

Le degré de compression d'une image en .jpg ne dépend pas du nombre de couleurs, mais plutôt du pourcentage de qualité (flou plus ou moins grand) que l'on désire obtenir: basse qualité, de 0 à 29 %; qualité moyenne, de 30 à 59 %; haute qualité, de 60 à 79 % et enfin qualité maximale, 80 à 100 %.

À retenir: pour obtenir un bon rapport qualité/poids dans le cas d'images destinées au Web, nul besoin de dépasser le 50 %. Les images sont généralement assez petites que, étant donné la résolution des écrans, une qualité plus élevée n'est pas perceptible par l'oeil.

Exemples :

Basse qualité (10%), poids : 2,6 Ko	Qualité moyenne (30%), poids : 4,0 Ko
Haute qualité (60%), poids : 8,6 Ko	Qualité maximale (80%), poids : 15,5 Ko

.GIF vs .JPG : comparons les résulats

Un logo converti en .jpg sera plus lourd et très enlaidi (flou, taches autour) par rapport à une conversion en .gif.:

Format .jpg, qualité moyenne (30%), Poids: 3 Ko Notez la dégradation des couleurs: le trait sous nmedia est verdâtre; le jaune du N stylisé n'est pas uniforme. Voyez les tâches floues tout autour. Et le poids reste malgré tout plus élevé que le .gif ci-contre!	Format .gif, nombre de couleurs utilisées : le nombre maximal dans ce cas, soit 33. Poids: 1,87 Ko Remarquez comme le lettrage est clair, les contours sont précis, sans bavure, les couleurs uniformes.

Inversement, une photographie convertie en .gif, pour un poids comparable, aura une piètre apparence:

.gif, 9,1 Ko : 16 couleurs	.jpg, 7,8 Ko : 50 %
.gif, 14,0 Ko : 16 couleurs	.jpg, 12,8 Ko : 50 %