Image enregistrée sous différents formats pour Internet

Comme nous venons de l’étudier, bien qu’il existe différents formats d’enregistrement d’image matricielle bitmap, il n’existe pas de "format d’image" meilleur que les autres. Avec le choix des 3 principaux formats d’image on arrive à tirer parti pour l’image du meilleur rapport qualité / poids.

Maintenant regardons ensemble avec des images comme exemple, quels sont les formats d’image à préconiser pour une image. Une analyse visuelle de l’image nous donne déjà beaucoup d’indications sur le choix à faire.

Prenons donc 3 images différentes avec chacune des spécificités et expliquons le choix du format d’image.
Nous prendrons une image de fleurs, une image d’une lettre A et une image du logo de l’Internet Explorer que nous placerons sous un fond vert fluorescent pour voir si ces images contiennent des zones de transparence.

Fleurs - enregisrées au format Jpeg
Fleurs – enregistrée au format Jpeg
Lettre A - enregistrée au format Gif
Lettre A – enregistrée au format Gif
Logo Internet Explorer - enregistré au format Png
Logo Internet Explorer – enregistré au format Png

Si on analyse bien les 3 images on voit qu’il y a des choses qui les différencient très bien les unes des autres.

Analyse des images Jpeg, Gif et Png

Si on analyse les image que nous avons à l’écran on observe :

La première, l’image des fleurs est riche de couleurs. Elle contient des dégradés et nuances de couleurs (les pétales, les herbes) et ne contient aucune transparence.

La seconde image, la lettre A, ne contient que 2 couleurs (Jaune et bleu). Elle ne contient pas de dégradés ou de nuances (les couleurs sont "pure", "plaqué"), et elle contient des zones de transparence (bordure du cadre, centre de la lettre A).

La troisième image, le logo de l’Internet Explorer n’est pas très riche de couleurs (principalement du bleu, du noir, et du jaune), mais contient énormément de dégradés et de nuances de couleurs. Elle contient aussi de la transparence.

Formations Photoshop
Apprenez les techniques de la retouche photo avec Photoshop
Apprenez les techniques de la retouche photo avec Photoshop
Infos et inscription : Formation Photoshop

Formation Illustrator
Apprenez à créer des illustrations graphiques pour l’impression ou le Web avec Illustrator
Apprenez à créer des illustrations graphiques pour l’impression ou le Web avec Illustrator
Infos et inscription : Formation Illustrator