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é.

Cette image a une résolution de 333x332 est pèse 38 ko. Cette image a une résolution de 150x150 est pèse 18 ko.

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 image est un Gif avec fond de 6 ko. Cette image est un Gif animé avec fond transparent de 6 ko. Cette image est un Gif animé avec fond transparent de 4 ko. Une image au format gif avec fond transparent de 3 ko.
Cette image est un Gif animé avec fond transparent de 19 ko. Cette image est un Gif animé avec fond transparent de 11 ko. Un gif animé avec fond de 34 ko Cette image est un Gif avec fond transparent de 1 ko. Cette image est un Gif avec fond transparent 1 ko.

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.