Comprendre les formats d'image
Les images représentent la majorité du trafic web. Choisir le mauvais format peut ralentir votre site ou rendre vos visuels flous. Voyons les formats les plus courants.
1. JPEG (Joint Photographic Experts Group)
Le JPEG est le format le plus compatible pour les photos. Il utilise une compression avec perte pour réduire la taille des fichiers. Pas de transparence ni d'animation.
2. PNG (Portable Network Graphics)
Le PNG est un format sans perte. Il prend en charge la transparence (canal alpha), idéal pour les logos, icônes et captures d'écran.
3. WebP (Google Web Picture)
WebP est le format moderne de nouvelle génération pour le web. Il prend en charge la compression avec et sans perte, la transparence et les animations, tout en étant 25 à 35 % plus léger que le JPEG/PNG.
4. SVG (Scalable Vector Graphics)
SVG est un format vectoriel utilisant des formules mathématiques. Il se redimensionne à l'infini sans perte de qualité, parfait pour les illustrations simples.
5. GIF (Graphics Interchange Format)
GIF est un format historique prenant en charge l'animation simple avec 256 couleurs. Privilégiez WebP pour des animations web modernes.
Tableau de Comparaison
| Format | Type | Compression | Transparence | Animation | Meilleur Usage |
|---|---|---|---|---|---|
| JPEG | Matriciel | Avec perte | ❌ Non | ❌ Non | Photos & scènes complexes |
| PNG | Matriciel | Sans perte | ✅ Oui | ❌ Non | Logos, textes, graphiques transparents |
| WebP | Matriciel | Les deux | ✅ Oui | ✅ Oui | Tous types d'éléments web modernes |
| SVG | Vectoriel | Sans perte | ✅ Oui | ✅ Oui | Icônes, logos, dessins vectoriels |
| GIF | Matriciel | Sans perte | ✅ Oui (1-bit) | ✅ Oui | Memes animés simples |