Choisir le bon format d'image peut réduire le poids de la page de 50 % ou plus sans toucher à la qualité visuelle. Alors que JPEG, PNG, WebP, AVIF, GIF et SVG sont tous en concurrence, comment décidez-vous ?
TL;DR : La valeur par défaut est WebP pour les photos et les images complexes. Utilisez PNG pour les graphiques nécessitant de la transparence avec des bords nets. Utilisez SVG pour les icônes et les logos. Envisagez AVIF si vous pouvez proposer des solutions de remplacement.
Répartition format par format
JPEG
Le format photo par défaut du web depuis 30 ans. Gère bien le contenu photographique mais produit des fichiers plus volumineux que WebP avec la même qualité visuelle. Aucune transparence. À utiliser quand : Compatibilité maximale de messagerie ou systèmes très anciens.
PNG
Format sans perte idéal pour les graphiques contenant du texte, des captures d'écran et des images nécessitant une transparence alpha. Produit d’énormes fichiers pour les photos – n’utilisez jamais PNG pour les photographies.
WebP
Développé par Google. À la fois avec et sans perte. Produit des fichiers 25 à 35 % plus petits que JPEG et 26 % plus petits que PNG. Prend en charge la transparence et l'animation. Prise en charge de plus de 97 % des navigateurs en 2026. Le meilleur outil polyvalent pour le Web.
AVIF
Format de nouvelle génération offrant des fichiers 20 à 50 % plus petits que WebP. L'encodage est plus lent, prise en charge du navigateur ~ 93 %. Idéal avec les solutions de secours WebP/JPEG via <picture>.
GIF
Obsolète. Limité à 256 couleurs, tailles de fichiers énormes pour l'animation. Remplacez par une animation WebP ou une vidéo MP4/WebM pour des fichiers 80 à 90 % plus petits.
Comparaison de la taille des fichiers
| Format | Photo (1920×1080) | Graphique (800×600) | Notes |
|---|---|---|---|
| JPEG (q80) | 285 Ko | 145 Ko | Ligne de base |
| PNG | 2,1 Mo | 95 Ko | Idéal pour les graphiques, terrible pour les photos |
| WebP (q80) | 195 Ko | 68 Ko | ~32% plus petit que JPEG |
| AVIF (q80) | 142 Ko | 52 Ko | ~50 % plus petit que JPEG |
Organigramme de décision
- Logo, icône ou illustration ? → SVG
- Besoin de transparence ? → WebP (avec ou sans perte) ou PNG
- Photo ? → WebP (avec perte, q75–85)
- Compression maximale ? → AVIF avec repli WebP/JPEG
- E-mail ? → JPEG (meilleur support client de messagerie)
✅ Comment servir plusieurs formats
Utilisez le HTML <picture> élément avec <source> pour AVIF et WebP, revenant à JPEG/PNG dans le <img> . Le navigateur choisit le premier format qu'il prend en charge.
🔧 Convertir et compresser dans n'importe quel format — Gratuit
Déposez vos images et convertissez-les entre JPEG, PNG et WebP avec contrôle qualité. S'exécute localement dans votre navigateur.
Ouvrir l'image compressée →Conclusion
Pour la plupart des sites Web en 2026, WebP est la valeur par défaut correcte. Il offre le meilleur équilibre entre compression, qualité, prise en charge du navigateur et fonctionnalités. Utilisez PNG pour une transparence aux bords nets, SVG pour les vecteurs et envisagez AVIF pour les pages critiques en termes de performances.