Les images pour le web

Formats de fichier pour les images :

Le seul média que traite réellement l’HTML est le texte (cela vient du fait qu’au début d’Internet, les pages webs n’étaient composées que de textes et de liens). Les autres types de médias (image, son, vidéos, …) sont contenus dans d’autres fichiers externes aux pages web. Ils sont liés aux pages par du code html ou via des “Plug-ins” qui sont des “briques” logicielles que l’internaute doit ajouter (installer) à son navigateur.
Les fichiers images sont placés sur le serveur web. Ils sont intégrés aux mises en pages HTML avec la balise <IMG> . Bien que les navigateurs récents supportent un grand nombre de formats de fichiers images, les plus adaptés au web sont GIF, JPEG et PNG.
Le format GIF ne supporte que 256 couleurs et utilise une compression qui favorise les aplats de couleurs plutôt que les surfaces de couleurs nuancées (type dégradé de couleur). Le format .gif convient donc pour des images simples (logos,…) avec des zones de couleurs unies mais il n’est pas recommandé d’enregistrer des photos (qui utilisent plus de 256 couleurs et qui ont généralement de multiples dégradés) au format gif tant pour la qualité du rendu que pour l’efficacité de la compression.
Les fichiers GIF peuvent être “animés”, il s’agit d’une séquence de plusieurs images qui s’enchaînent créant ainsi une animation. L’extension des noms de fichiers de format GIF est .gif.
Pour les images comportant un nombre conséquent de couleurs et des dégradés (comme des photos) on utilise plutôt le format JPEG qui utilise une technique de compression mieux adaptée aux images. Le taux de compression est ajustable. L’inconvénient du JPEG est que si on augmente le taux de compression, la qualité de l’image est rapidement altérée, il faut donc sans arrêt jongler entre ces deux paramètres.
L’extension des noms de fichiers de format JPEG est .jpg ou .jpeg.
Un autre format de fichier plus récent, est le PNG. Le .png décline dans un même format la possibilité d’enregistrer en basse définition (PNG8) et la possibilité d’enregistrer en haute définition (PNG24 et PNG32, millions de couleurs). Il est pris en charge par Mozilla Firefox et à partir des versions 6 de netscape et Internet Explorer. La gestion de la transparence du format PNG varie selon les navigateurs.
En résumé, on choisira le format jpg pour une image de type photo ou dégradé et le format gif ou png pour des images ayant des surfaces de couleur uni.

Résolution

La résolution d’une image est défini par sa taille (longueur * largeur) en pixel mais aussi par le nombre de pixels par unité de longueur (centimètre ou pouce). Une image à destination d’un affichage à l’écran n’a pas besoin d’avoir la même prévision qu’une image à destination de l’impression.
En règle générale une image à destination de l’écran (par exemple des images pour le web) ont pour définition 72 dpi alors que les images pour l’impression font 300 dpi.

Mode calorimétrique :

Les écrans d’ordinateurs utilise le mode calorimétrique RVB alors que les imprimantes utilisent le mode CMJN. Il est donc important que les images à destination du web soit réglées sur un mode RVB.

Outils :

Les logiciels classiquement utilisés pour le traitement d’image pour le web sont adobe photoshop, gimp ou adobe fireworks.