Suivez nous

Caractéristiques formats d’image Jpeg – Gif – Png pour Internet

Les caractéristiques principales des formats d’images sont :

Caractéristiques des images Jpg ou Jpeg (même format)

Tout d’abord rappelons-nous que les images matricielle Bitmap sont formées d’une multitude de points. Ses points bien souvent sont les mêmes dans des zones de l’image.

Image numérique matricielle formée de points (pixels)
Image numérique matricielle formée de points (pixels)

Les inventeurs du format Jpeg ont donc eu l’idée de permettre l’enregistrement de l’image selon une matrice (un quadrillage) de l’image de 8 x 8 pixels.
Le programme qui enregistre cette image décompose
tout d’abord l’image en blocs de 8 x 8 pixels puis par un algorithme mathématique (formule) permet de diminuer le poids de l’image.
Nous n’entrerons pas plus dans les détails, car il n’est pas important ici de comprendre les méthodes pour obtenir une image Jpeg, mais plutôt de savoir pourquoi et comment on utilise ce format pour Internet.

Le format Jpeg nous permet donc très facilement d’alléger notre image à notre convenance.
L’allègement de notre image pour l’enregistrement ne se fait pas sans pertes d’informations donc de qualité d’image, on dit alors dans le langage courant que le format Jpeg est un format destructeur de l’image car toutes les informations qui composent l’image à l’origine ne sont pas préservées.

L’inconvénient majeur de ces images est de ne pas permettre la transparence !

Regardons quelques exemples pour une image Jpeg enregistrée à des niveaux de qualités différents :

Différences de qualité de la même image au format Jpeg

image jpeg qualité 100 %
Image jpeg qualité 100 %
ou
qualité 12
format de base optimisé
image jpeg qualité 50 %
Image jpeg qualité 50 %
ou
qualité 6
format de base optimisé
image jpeg qualité 25 %
Image jpeg qualité 25 %
ou
qualité 3
format de base optimisé
image jpeg qualité 0 %
Image jpeg qualité 0 %
ou
qualité 0
format de base optimisé

On voit bien entre un image enregistrée au format Jpeg de qualité 100% et une image Jpeg de qualité 0% que l’image à perdu en qualité visuelle pour la qualité 0%. Il y a eu déterioration de l’image => Jpeg = format destructeur de l’image.

Caractéristiques des images Gif

Les inventeurs du format Gif ont eu l’idée à l’époque ou les ordinateurs étaient limités dans l’affichage des couleurs, de créer un format d’image qui permettrait de limiter la palette des couleurs d’une image à 256 couleurs.
Ainsi l’image si elle contient plus de couleurs que 256, le programme n’en retient que les 256 principales.
Notre image perd ainsi toutes les subtilités, surtout dans les dégradés, où bien souvent il faut plus de 256 couleurs.
On dit alors dans le langage courant que le format Gif est un format destructeur de l’image car toutes les informations qui composent l’image à l’origine ne sont pas préservées.

Points forts :
– La possibilité de transparence dans une image
– La
possibilité de choisir le nombre de couleur de 2 à 256

Point faible :
– Les dégradés

En limitant la palette des couleurs d’une image au maximum à 256 couleurs on allège considérablement certaines images, surtout que l’on peut descendre le choix des couleurs jusqu’à 2 couleurs.

Image enregistrée au format gif avec une palette de 256 couleurs
Image enregistrée au format gif avec une palette de 256 couleurs
Image enregistrée au format gif avec une palette de 128 couleurs
Image enregistrée au format gif avec une palette de 128 couleurs
Image enregistrée au format gif avec une palette de 64 couleurs
Image enregistrée au format gif avec une palette de 64 couleurs
Image enregistrée au format gif avec une palette de 16 couleurs
Image enregistrée au format gif avec une palette de 16 couleurs

Caractéristiques des images Png

Nativement le format Png n’a pas été tout de suite pris en compte par les navigateurs, il aura fallu attendre quelques années pour que ce format apparaisse et prenne sa place sur le Web.

Ce format à été inventé pour supplanter le format Gif qui à l’époque était propriétaire.

Ainsi le format Png permet la transparence comme le Gif ( ce que ne permet pas le Jpeg ), mais aussi d’agir sur la palette des couleurs (Png-8).

Le format Png permet d’alléger considérablement le poids des images sans perte de qualité.
On dit que c’est un format d’image non destructeur.

Les images cependant sont parfois plus volumineuses que le format Jpeg.

Le format Png 8 bits offre la possibilité d’enregistrer une image avec une palette de couleurs de 2 à 256 couleurs (comme le Gif).
Le format Png 24 bits permet quant à lui l’enregistrement de l’image sous une palette de plus de 16 millions de couleurs, ce que l’on a appelé dans le langage les couleurs vraies. On peut aujourd’hui enregistrer ces images sous des palettes encore plus élevées, mais pour Internet elles ces palettes de couleurs ne sont pas utilisées.

Image enregistrée au format Png-24 bits
Image enregistrée au format Png-24 bits
Image enregistrée au format Png-8 bits palette 256 couleurs
Image enregistrée au format Png-8 bits palette 256 couleurs
Image enregistrée au format Png-8 bits palette 128 couleurs
Image enregistrée au format Png-8 bits palette 128 couleurs
Image enregistrée au format Png-8 bits palette 64 couleurs
Image enregistrée au format Png-8 bits palette 64 couleurs
Image enregistrée au format Png-8 bits palette 16 couleurs
Image enregistrée au format Png-8 bits palette 16 couleurs

Les avantages d’utiliser des formats d’images différents

Comme nous venons de le voir chaque format à ses avantages et ses inconvénient, mais ce sont des formats qu’il faut absolument bien connaître pour arriver à ne pas perdre de vue que sur Internet l’importance n’est pas le choix de l’un des trois formats principaux mais de pouvoir afficher son image de la meilleure qualité visuelle qu’il soit tout en l’allégeant au maximum. Tout cela afin de pouvoir accélérer les transmissions avec des objets plus "légers".

Formats d'image : Jpg - Gif - Png
Formats d’image : Jpg – Gif – Png

Pour mieux saisir ces avantages vous pouvez aller lire :

Formations Photoshop
Apprenez les techniques de la retouche photo avec Photoshop
Apprenez les techniques de la retouche photo avec Photoshop
Infos et inscription : Photoshop pour tous
Infos et inscription : Photoshop - Débutant
Infos et inscription : Photoshop - Avancée

Formations Illustrator
Apprendre les bases du dessin vectoriel avec Illustrator
Apprendre les bases du dessin vectoriel avec Illustrator
Infos et inscription : Illustrator - Débutant
Infos et inscription : Formation Illustrator - Avancée