Les principaux formats de fichiers utilisés pour la transmission des images sur le World Wide Web sont les GIF et les JPEG.

• GIF
• JPEG

Nouveaux formats ?

• Progressive JPEG, JPEG entrelacés
• PNG: Portable Network Graphics

Le format GIF

Caractéristiques, avantages et méthodes de sauvegardes du format GIF.

Le format GIF (Graphic Interchange Format) a été inventé par Compuserve pour créer les fichiers d'image le plus petit possible pour télécharger à partir de BBS. Il semblerait que l'on doive prononcer "jiff".Le format GIF utilise une méthode de compression d'image Unisys/Lempel Zev Welch (LZW).

Le format GIF est un format d'image 8 bit, il peut représenter jusqu'à 256 couleurs (2 à la puissance 8). Compuserve a semble-t-il une version 24 bit du format sur les tablettes.

Il y a deux versions du format GIF : 87a et 89a. La version 87a à été la première des deux à apparaître. La version 89a a ajouté des options au format 87a.Les deux versions peuvent utiliser une méthode d'encodage connue sous le nom d'interlaçage (interlacing). Cette méthode utilise 4 passes lors de l'étape de la sauvegarde. À chacune des passes, certaines lignes de l'image sont sauvegardées. Si le programme qui décode l'image GIF l'affiche telle qu'elle a été encodée, l'usager pourra visualiser les 4 phases du processus d'encodage. Cette méthode permet à l'usager de se faire une bonne idée de l'aspect final de l'image avant même que la moitié de celle-ci ne soit décodée.

Avantages et caractéristiques

Le format GIF a été choisis par le National Center for Supercomputing Applications (NCSA), les responsables du développement de la première interface graphique pour le WWW, pour plusieurs raisons:

• Compression automatique des documents; les fichiers sont alors relativement petits
  
• Résolution tonale petite, utilisant un système 8 bits pour enregistrer la couleur (256 couleurs maximum), maximisant encore plus la compression et réduisant la taille des fichiers.
  
• Facileté de décompression et d'affichage sur des ordinateurs de plate-formes différentes.
  
• Transparence (Voir Transparence)
  
• Possibilités d'animation (Voir GIFs animés)

Le format GIF est donc le choix par excellence pour les images. A cause de son mécanisme de compression/décompression sans perte (lossless), c'est un bon choix pour les images qui possèdent peu de couleurs, comme: pictogrammes, icônes, boutons de navigation, typographie....

Les limitations du format GIF, sont: limite de 256 couleurs et faible ratio de compression, ce qui le rend inadéquat pour de grandes images.

Sauvegardes au format GIF

Plusieurs logiciels permettent de sauvegarder des fichiers GIF :

Adobe Photoshop (Adobe Systems)

Dans Photoshop, choisir le menu FILE > SAVE FOR WEB

Autre méthode et anciennes versions:
Dans Photoshop, choisir le Menu MODE INDEXED COLOR.
Choisir ensuite le Menu FILE>SAVE AS> COMPUSERVE GIF.
À noter que les anciennes versions de Photoshop v2.5 et v3.0 sauvegardent leurs fichiers au format GIF 87a, un format plus ancien et qui ne supporte pas la transparence; le format le plus récent GIF 89a supporte la transparence.

DeBabelizer (Equilibrium technologies)
Permet la conversion de fichiers Photoshop, TIFF, PICT, JPEG, et d'une vingtaine d'autres, aux formats GIF 87a. Ne supporte pas la transparence et les images entrelacées dans ses formats de sauvegarde, exporte un fichier de 2, 4, 8, 16, 32, 64, 128, ou 256 couleurs. Peut ouvrir des fichiers GIF entrelacés ou non-entrelacés, ignore les attributs et extensions des GIF 89a.

Le format JPEG

Caractéristiques, avantages et méthodes de sauvegardes du format JPEG.

Le format JPEG a été mis au point par le Joint Photographic Expert Group pour répondre au besoin de trouver un moyen de compression pour les images photographiques de haute qualité.

La compression JPEG est une méthode de compression dite avec perte (lossy): elle assure un stockage plus économique des données, mais identifie et supprime aussi les données "récurrentes" dans un fichier image.

La compression des images au format JPEG supprime certaines informations qui ne peuvent être récupérées au moment de la décompression. La qualité de l'image peut donc être altérée.

La compression des images au format JPEG est donc ajustable, qualité de l'image et ratio de compression étant inversement proportionnel. Plus la compression est élevée (et donc plus le fichier est petit), plus la qualité de l'image baisse.

La plupart des logiciels qui permettent des sauvegardes au format JPEG, permettent de choisir entre plusieurs niveaux de compression d'image. La qualité des images descends avec des ratios de compression élevés, mais les images photographiques peuvent habituellement supporter des ratios de 20-pour-un (20/1) et plus, avant que la distorsion engendrée par la perte des données ne vienne modifier l'aspect de l'image.

Avantages et caractéristiques

Exellent ratio de compression

Grande résolution tonale, utilisant un système 24 bits pour enregistrer la couleur (16.777.216 couleurs)

Exellent pour comprimer de gros fichiers images, tout en conservant intacte les qualités photographiques.

Le format JPEG est le choix par excellence pour l'affichage des documents images volumineux. Sa capacité de compression et la qualité de l'image dépassant nettement celles du format GIF.

Les limitations du format JPEG sont: manque de définitions au niveau des lignes droites et des dégradés. Il est déconseillé de l'employer avec des images qui contiennent typographie et formes géométriques très découpées. D'autre part, la plupart des ordinateurs ne permettent pas l'affiche de plus de 256 couleurs, ne permettant pas d'afficher les fichiers JPEG avec toute leur qualités photographiques.

Sauvegardes au format JPEG

Plusieurs logiciels permettent de sauvegarder des fichiers JPEG :

Adobe Photoshop (Adobe Systems)
Dans Photoshop, choisir le Menu FILE>SAVE AS>JPEG.
Une boîte de dialogue permet alors de choisir le niveau de qualité d'image: low (compression maximale), medium (compression haute), high (compression médium), maximum (compression minimale).

Ou bien, choisir le Menu FILE > SAVE FOR WEB

Il est toujours préférable, si la qualité de l'image le permet, de choisir le niveau de compression le plus élevé afin de minimiser le temps de transmission des images sur le WWW.

Le format progressive JPEG

Photoshop permet de sauvegarder directement au format pjpeg. Il est possible de choisir plusieurs niveaux de "lignes de scan" (scan lines).

Les autres formats

PNG

À la suite de controverses entourant la propriété intellectuelle et les droits d'utilisation du format GIF, un nouveau format appellé Portable Network Graphics (PNG) a été développé. C'est le format natif maintenant employé par Fireworks (Macromedia). Ce format est maintenant lisible par Netscape et Explorer.

Avantages et caractéristiques

Ce format à plusieurs avantages sur le GIF: plus de couleurs, meilleure compression, transparence par canal alpha, correction gamma et plus. Voici plus de détails:

• Plus de détails
  Tandis que les images GIFs sont limitées à une résolution de 8 bits (256 couleurs), le PNG peut avoir une résolution jusquà 48 bits (milliards de couleurs).
• Meilleure compression
  Parce qu'ils utilisent une meilleure méthode de compression que l'algorithme LZW utilisé par les GIFs, des PNG 9-bits sont de 10 à 30% plus petits que des GIFs identiques.
• Canal Alpha
  Le format PNG supporte un tout autre niveau de transparence que le GIF. Dans un GIF tout pixel est soit transparent, soit opaque: on parle de transparence binaire. Dans un PNG chaque pixel peut avoir un niveau de transparence de 1 à 256, de complètement opaque à complètement transparent. Il ne sera donc plus nécessaire de créer des images différentes pour affichage sur des fonds différents. (Plus de problèmes de halo de couleurs comme sur les GIFs).
• Correction chromatique et Gamma
  Les PNG supportent une correction chromatique et Gamma réelle, de sorte que des images créées sur une plate-forme seront vues de façon identique sur d'autres systèmes. (Plus de problèmes de correction pour les différences d'affichage Mac-PC).
• Meta-Data
  Les PNG peuvent contenir de l'information de type Meta-data, information non-affichable qui identifie le contenu de l'image, l'auteur, etc.
• Entrelaçage amélioré
  Le PNG emploieune nouvelle méthode d'entrelaçage qui opère un flou (blur) vertical et horizontal sur l'image. Cette méthode à aussi l'avantage d'être 8 fois plus rapide d'affichage que le traditionnel affichage en "store" des GIFs.
• Format ouvert
  Le PNG est un format ouvert, des développeurs pourront ajouter des particularités à leurs PNG.
• Acceptation par l'industrie
  Des logiciels comme Photoshop 4.0 et Equilibrium Debabelizer offrent déjà la sauvegarde au format PNG. D'autres organisations ont aussi annoncé leur support.

• Superpositions transparentes
  Des images emi-transparente peuvent être supperposées. En utilisant le JavaScript, on peut contrôler ces couches.
• Teintes dynamiques
  Un PNG semi-transparent se teint en fonction de la couleur du fond de page, ou de la table dans laquelle il s'insère.

Sauvegardes au format PNG

Adobe Photoshop
Macromedia Fireworks

Ressources et liens

PNG (Portable Network graphic) Home Page