Un document HTML peut comporter des images de type et de capacité diverses.
En fait, il ne supporte que trois types d'images appréciés pour leur compression, et partant, pour leur faible taille : le JPEG (Joint Photographic Expert Group) et le GIF (Graphic Interchange Format) ainsi que le PNG (Portable Network Graphic). Ce dernier pourrait devenir le format graphique de l'avenir.
Les images GIF sont particulièrement intéressantes du fait de leurs propriétés, en l'occurrence la transparence et l'animation.
Tandis que les images JPEG offrent une résolution et une gamme de couleurs élevés permettant l'affichage d'éléments graphiques de haute qualité.
Le format PNG gère la transparence comme le GIF et un codage des couleurs sur 24 bits à l'instar du JPEG. Néanmoins, la taille de ces images demeure encore trop importante.
En sachant que plus le poids des images sera important dans votre page, plus le temps de chargement sera considérable. Ainsi il conviendra d'éviter de truffer un document HTML de nombreuses images ou d'éléments graphiques de trop grande capacité.
Comme le démontre les exemples ci-dessus, il est nécessaire de parfaitement cibler ses besoins afin d'obtenir la meilleure qualité d'affichage possible tout en respectant le rapport taille/résolution.
Une résolution trop élevée provoque un ralentissement de chargement de la page alors qu'une trop faible résolution dégrade la qualité générale de l'image.
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() ![]() |
Cette sélection d'images GIF, vous montre la diversité des effets spéciaux possibles avec ce type d'image.
L'avantage du format GIF est également de permettre d'afficher sur n'importe quel couleur de page, des éléments graphiques avec un fond transparent.