Les formats d'image modernes : WebP et AVIF
WebP, développé par Google en 2010, offre une compression supérieure de 25 à 35% par rapport à JPEG pour une qualité équivalente, tout en supportant la transparence et l'animation. Il est désormais supporté par tous les navigateurs modernes (Chrome, Firefox, Safari 14+, Edge). AVIF, basé sur le codec vidéo AV1, offre une compression encore meilleure (20 à 50% de gain vs JPEG) et un support HDR natif. Son principal inconvénient est un encodage plus lent et un support navigateur encore partiel (non supporté par Internet Explorer).
Choisir entre SVG et images bitmap
SVG (Scalable Vector Graphics) est un format vectoriel défini par des équations mathématiques, contrairement aux formats bitmap (JPEG, PNG) qui stockent l'image pixel par pixel. SVG est idéal pour les logos, icônes et illustrations car il est infiniment redimensionnable sans perte de qualité et très léger pour les formes simples. Il est modifiable directement via CSS et JavaScript. Pour les photographies et images complexes avec millions de couleurs, les formats bitmap restent incontournables.
GIF en 2024 : encore utile ?
Le format GIF (1987) est limité à 256 couleurs et produit des fichiers volumineux pour les animations. WebP animé et AVIF animé offrent une qualité bien supérieure pour un poids 3 à 10 fois inférieur. Cependant, GIF reste universellement supporté et largement utilisé sur les plateformes de messagerie et réseaux sociaux. Pour les animations web, préférez WebP ou la balise <video> avec un codec moderne (H.264, AV1).