image/gif

Description

image/gif (Graphics Interchange Format) est un format d’image datant de 1987, célèbre pour les animations en boucle et la transparence binaire (un pixel est soit opaque, soit transparent, sans semi-transparence). Sa limite à 256 couleurs le rend inadapté aux photographies mais acceptable pour les animations simples et les icônes.

Usage en HTML

GIF animé :

<img src="animation.gif" alt="Animation illustrant le processus" width="400" height="300">

Dans <picture> avec alternative WebP :

<picture>
  <source srcset="animation.webp" type="image/webp">
  <img src="animation.gif" alt="Animation de chargement" width="100" height="100">
</picture>

Notes

Remplacement recommandé : WebP et AVIF supportent les animations avec une compression bien meilleure et des millions de couleurs. Pour les nouvelles animations, préférer <video> (format MP4/WebM) ou WebP animé.

Transparence binaire uniquement : GIF ne supporte pas la transparence partielle (canal alpha). Un pixel est soit opaque, soit transparent à 100% — les bords des images GIF transparentes sont souvent “crénelés”.

<video> pour les animations longues : pour les animations significatives (plusieurs secondes), <video autoplay loop muted playsinline> avec MP4/WebM est plus efficace et accessible que les GIF, qui n’ont ni pause ni contrôle.

Accessibilité des GIF animés : les GIF qui clignotent plus de 3 fois par seconde peuvent provoquer des crises chez les personnes épileptiques. Toujours proposer une option pour arrêter les animations (conformément aux WCAG 2.2.2).