Un site web élémentaire avec NVU

Les pixels

Pour un ordinateur, toutes les informations qu'il peut conserver en mémoire doivent prendre la forme de 0 et de 1.

Une image présentée à l'écran est toujours formée d'un certain nombre de points qui forment l'image. Un point est appelé pixel, ce qui est une contraction de l'expression " picture element ".

Les écrans d'ordinateur affichent toujours des pixels, comme les photos des journaux. Si l'on agrandit l'image , on observe qu'elle est formée d'un certain nombre de pixels.

En fonction de leur qualité, les écrans présentent un nombre variable de pixels. Le tableau ci-dessous donne quelques exemples.

Renseigne-toi sur le nombre de pixels présentés par l'écran que tu utilises actuellement.

Pour connaître la dimension en pixels d'une image :

• clic droit sur l'image ;
• sélectionner la commande " propriétés " dans le menu contextuel.

Le codage des couleurs

L'ordinateur ne peut conserver en mémoire que des 0 et des 1. Une image présentée à l'écran sera donc formée de 0 et de 1.

Pour une image en noir et blanc comme celle qui est présentée ci-contre, il suffit donc de convenir que :

• un point blanc est codé par la valeur 1
• un point noir est codé par la valeur 0.

Donc, à chaque point de l'image en noir et blanc correspond un bit dans la mémoire de l'ordinateur.

Pour une image en couleur, il faut, pour chaque point de l'image, indiquer la couleur qu'il présente. Dans ce cas, il faut consacrer plusieurs bits pour chaque point. En général, on décide de consacrer un ou plusieurs octets pour chaque pixel.

Dans l'image ci-contre qui représente une lettre A majuscule, un octet représente un pixel. L'image mesure 12 pixels en largeur et 8 pixels en hauteur, soit 96 pixels.

Chaque couleur est codée sur 8 bits. On dispose donc de 256 couleurs possibles par pixel.

Si l'on souhaite plus de détails dans les couleurs, il faut représenter chaque pixel par un ensemble de:

• 2 octets (16 bits) pour pouvoir distinguer 65.536 couleurs différentes ;
• 3 octets (24 bits) pour pouvoir distinguer plus de 16 millions de couleurs ;
• ...

Une image photographique de qualité minimale nécessite généralement 16 millions de couleurs.

Les différents formats d'images

La qualité des connexions à l'Internet s'améliore de jour en jour. Cependant, le téléchargement d'images de grande taille risque de prendre beaucoup de temps. C'est la raison pour laquelle ces images doivent être aussi légères que possible.

Différentes méthodes de compression ont été mises au point afin d'alléger les images. Certaines de ces méthodes sont relativement complexes ; elles ne seront donc pas expliquées ici.

Une explication (simpliste) des méthodes de compression d'images peut être trouvée à l'adresse http://info.sio2.be/infobase/18/18.php.

Lorsque le navigateur Internet reçoit l'image " compressée ", il doit être capable de la " décompresser " afin de l'afficher.

Les navigateurs actuels sont capables de reconnaître trois méthodes de compression :

• la compression JPG qui permet de transmettre des images en 24 bits. On utilise généralement ce format pour les images photographiques.
  Différents niveaux de compression sont possibles. Plus la compression est forte, plus la qualité de l'image devient faible.
• la compression GIF qui ne permet que des images en 8 bits, mais qui reconnaît des images animées (en réalité, plusieurs images successives, comme dans un dessin animé). On utilise ce format pour les dessins qui présentent peu de couleurs différentes.
  La compression n'altère pas la qualité de l'image.
• la compression PNG qui permet des images en 8 bits ou en 24 bits. Très performant en 8 bits, ce format est souvent moins bon que le format JPG pour les photographies.
  La compression n'altère pas la qualité de l'image.

Laquelle de ces trois images présente le plus faible poids?

GIF	PNG	JPG

L'image GIF
L'image PNG
L'image JPG

Laquelle de ces trois images présente le plus faible poids?

GIF	PNG	JPG

L'image GIF
L'image PNG
L'image JPG
Ce sont les mêmes images, elles ont le même "poids"