Avant de procéder à l'insertion d'image dans vos pages web, il faut bien comprendre qu'en HTML il existe différents formats d'images.
Chaque format est plus ou moins adapté à une certaine situation. Voici les trois principaux formats que nous allons pouvoir utiliser en HTML.
Le format GIF
Le format GIF est très compressé (très léger) et comporte assez peu de couleurs, donc très bien pour les petits logos et les boutons par exemple.
Le format GIF comporte également un très gros avantage face aux deux autres formats : il autorise les images animées.
Le format JPG
Le format JPG (ou JPEG) est très adapté pour les grosses images ou les photos. Il produit une assez bonne compression automatiquement, et sans trop dégrader la qualité de l'image comme pourraient le faire d'autres moyens de compression.
La compression du JPG est généralement imperceptible au niveau de la qualité de l'image, surtout si celle-ci est de taille importante.
Le format PNG
Le PNG est à mi-chemin entre le JPG et le GIF.
C'est un format assez nouveau qui vous permet d'avoir plus de couleurs que le GIF et généralement une meilleure qualité que le JPG.
Seul petit défaut, c'est le format le plus lourd. En particulier pour les grosses images.
Voilà les trois formats d'images que nous pouvons utiliser en HTML. Il en existe bien d'autres, mais ces trois-ci sont le plus pratiques et ceux que l'on utilise généralement dans les pages web.