Sur le Web vous rencontrerez principalement trois formats d’images.
Le plus ancien est le GIF. Son algorithme de compression (LZW) date d’il y a 15 ans et est breveté par la société Unisys depuis 1995.
Il sauvegarde au maximum 256 couleurs, mais possède plusieurs avantages :
Il préserve les zones transparentes de votre image, permet de créer les images animées, garde les valeurs exactes et les aplats de couleurs uniformes.
Ce dernier avantage est important pour l’intégration d’un élément graphique à votre page « sans raccords ».
Voici un exemple - une image préparée dans Photoshop :
Et maintenant cette image sauvegardée en gif et jpg :
Vous remarquerez sur la capture d’écran, que pour faire mon image j’ai utilisé la couleur #F3F5F8 qui correspond à la couleur du fond de ma page.
La première image est un gif de 1.5ko, et la couleur est parfaitement rendue.
La seconde c’est un jpg de 2.5ko. La compression a enduite un moirage et un "moutonnement" de la zone d’aplat, si caractéristique à ce format. L'image ne s'intégre plus dans la page car la compression a modifié la couleur. Les contours des lettres sont aussi moins nets, et l’image est globalement moins bonne, malgré la taille supérieure du fichier.
Gif est donc un format destiné aux images (pas forcement de petite taille) avec les couleurs uniformes et à structure simple.
Pour les photos et les graphismes aux palettes de couleurs plus raffinées le gif est insuffisant et le jpg est mieux adapté.
Les images jpg peuvent intégrer plusieurs millions de couleurs et supportent de très forts taux de compression. Ce taux peut être paramétré à l’enregistrement suivant la perte de qualité admise.
Le troisième format (celui de l’avenir et le plus prometteur selon certains) est le PNG.
Le format PNG (Portable Network Graphics) a été développé pour offrir une alternative sans brevet au format GIF. Il est utilisé pour une compression sans perte et un affichage des images sur le Web.
Contrairement au format GIF, le format PNG prend en charge les images 24 bits et génère des transparences d'arrière-plan sans rendre le contour irrégulier. Cependant, certains navigateurs Web ne prennent pas en charge ce format. Parfaitement lu par IE6 pour Mac, Gecko et la version 6 de Netscape, IE6 pour Windaube trébuche sur les transparences Alpha (progressives) et le mode PNG32.
Le format PNG prend en charge les images RVB, à couleurs indexées, en niveaux de gris ou en mode Bitmap sans couche alpha. Il permet de conserver les transparences des images en niveaux de gris et RVB.
Le format MNG est en cour de développement. Il combine les avantages du PNG et rajoute le support de l’animation. (Comme GIF animé)
Le JNG c’est le copain de JPG, mais supportant les transparences.
JPEG2000 contient de multiples versions de définition d’une image au sein d’un seul fichier.
Avec un navigateur spécifique (plug-in ?) vous pouvez déterminer la qualité à afficher la plus appropriée à votre config.