Illustrez vos pages !

Types de format d'images

Les images sont incontournables pour créer un impact visuel mais insupportable pour le temps de chargement. Il n'y a rien de plus fastidieux que de lire un texte sans illustration. L'illustration et l'image bien utilisées permettent de structurer le document présenté. L'emploi d'images est dès lors incontournable pour construire une page web qui retiendra son lecteur. En revanche, les images qui doivent être téléchargées ont une certaine taille qui augmente d'autant le temps de chargement d'une page.

Pour limiter le temps de chargement, on s'est très tôt efforcé d'utiliser des formats d'images conduisant à des fichiers de taille réduite. Les méthodes reposent sur la compression d'information à transmettre. On distingue 2 types de compression:

• La compression sans perte d'information. Elle repose sur le repérage dans le fichier à traiter des successions d'octets identiques ou de profils de bits fréquents. Ce sont les compressions des formats ZIP ou RAR. Elles permettent la compression de fichiers de programmes où le moindre bit perdu peut induire une catastrophe.
• La compression avec perte d'information. Elle réduit le nombre de couleurs ou fait disparaître certains détails de l'image. On réduit ainsi l'encombrement tout en maintenant une simplification acceptable de l'image. Ce sont les compressions des formats JPEG ou PNG.

Sur le Web, trois formats principaux sont acceptés par la plupart des navigateurs:

• Le format GIF ne tolère pas plus de 256 couleurs. C'est un format de compression sans perte, qui est très utilisée pour le stockage et le transfert d'images. Son mode de compression est particulièrement adapté à la création d'images simple, des schémas avec des traits ou de larges zones de couleurs. Il est possible d'appliquer un effet de transparence sur une image au format GIF ou constituer le fichier de plusieurs images pour simuler une animation:
  
  

  Images GIF possédant un fond transparent

  

  Exemple de GIF animé

• Le format JPEG a été développé pour les images photographiques. Ce format convient aux images obtenues à partir de scanner ou d'un appareil photo numérique mais il est déconseillé pour les schémas et les bannières. Créé en 1990 pour s'affranchir des limitations du format GIF, il compense le maintien des couleurs (jusqu'à seize millions) par une perte de la qualité de l'image et un temps de décompression assez important. La compression JPEG est efficace pour conserver le rendu des couleurs mais affecte beaucoup les schémas. Pour ces derniers, la compression GIF est plus adaptée.
  
  

  Taille du fichier: 228 ko

  

  Taille du fichier: 72 ko

  

  Taille du fichier: 30 ko

  

  Taille du fichier: 6 ko

• Le format PNG est un format libre de tous droits qui devrait supplanter le format GIF. Le format PNG présente les propriétés suivantes:
  • Il supporte 24 bits d'informations par pixel pour créer les couleurs: chaque pixel contient 256 nuances de rouge, de vert et de bleu. Dès lors, une image 24 bits peut comporter jusqu'à 16.7 millions de couleurs. Cette capacité peut monter à 48 bits par pixel.
    

    Image à 16 millions de couleurs

    

    Image à 256 couleurs

  • La compression PNG est habituellement 25% meilleure que la compression GIF. Néanmoins, la compression JPEG est plus efficace que celle fournie par PNG:
    

    Format JPEG, taille du fichier: 14 ko

    

    Format PNG, taille du fichier: 74 ko

  • Il permet d'appliquer un effet de transparence progressive à une gamme de couleurs.
    

    Fichier PNG avec effet de transparence