GIF, le plus ancien, est destiné aux graphiques avec une palette limitée (256 couleurs maximum), l'animation est toutefois possible ainsi qu'une transparence basique (tout ou rien). Il est désormais souvent remplacé par du PNG.
PNG permet de stocker tout aussi bien des images en niveaux de gris, en millions de couleurs ou simplement avec une palette, avec potentiellement une gestion très fine de la transparence.
JPEG/JPG est spécifiquement adapté aux photographies et images de synthèses photoréalistes. Son point fort réside dans sa compression paramétrable qui permet de sacrifier plus ou moins la qualité visuelle de l'image pour réduire la taille du fichier (compression destructive).
WebP peut potentiellement être utilisé pour remplacer tous les formats précédents, mais il est encore peu utilisé et mal supporté (Chrome et Opera uniquement), son avenir reste donc incertain, mais la possibilité de combiner compression destructive et transparence pourrait séduire les intégrateurs web.
SVG est un des rares format d'image de type vectoriel utilisé sur le web, il convient particulièrement à la restitution de logos, pictogrammes, cartes, statistiques... de plus il peut être animé à l'aide de JavaScript.
Fonctionnalité | GIF | PNG | JPEG | WebP |
---|---|---|---|---|
Taille minimale du fichier (en octets) | 35 | 67 | 159 | 34 |
Palette (nombre de couleurs maximum) | 256 | 256 | 256 | |
Niveaux de gris | ||||
Millions de couleurs | ||||
Milliards de couleurs | ||||
Transparence (tout ou rien) | ||||
Transparence (plusieurs couleurs spécifiées) | ||||
Transparence (couche alpha) | ||||
Intégration d'un profil ICC | ||||
Animation | ||||
Compression sans perte d'information | ||||
Compression paramétrable (destructive) |
Il existe bien entendu d'autres formats d'images (TIFF, BMP, TGA...) que l'on peut souvent convertir en PNG sans perte.
On trouve également des images vectorielles (EPS, AI...) que l'on évitera de rastériser sauf besoin spécifique, pour un usage sur le Web une exportation en SVG peut donner de bon résultats.
Un fichier PDF est un conteneur (textes, tracés vectoriels, fontes, images, formulaires...).
Un fichier SWF (Flash) est un conteneur (vidéos, animations vectorielles, sons, éléments interactifs...).