PNG vs WebP vs AVIF : choisir le bon format d'image en 2026
Vous téléversez une image sur votre site et faites immédiatement face à une question sans réponse universellement correcte : dans quel format doit-elle être ? PNG est partout et fonctionne toujours. WebP réduit le tiers de la taille. AVIF compresse encore plus, mais encode lentement. JPEG XL pointe à l'horizon. Pendant ce temps, votre score Lighthouse baisse parce que vous avez fait un choix par habitude plutôt que par intention.
Ce guide fait le tri dans le bruit. À la fin, vous saurez exactement quel format utiliser — et pourquoi — en fonction de votre type de contenu, de votre audience et de vos contraintes de performance.
Les formats en un coup d'œil
Les chiffres de support sont approximatifs pour début 2026, tirés des données Can I Use.
JPEG : la référence universelle
JPEG est le format par défaut pour les photographies sur le web depuis le milieu des années 1990. Cette longévité est à la fois sa force et son plafond.
Les points forts de JPEG
JPEG utilise la compression par transformée en cosinus discrète (DCT) pour éliminer les informations visuelles auxquelles l'œil humain est le moins sensible. Pour les images à tons continus — photographies, dégradés, scènes 3D rendues — cela fonctionne extrêmement bien. À des réglages de qualité autour de 75–85, les images JPEG sont pratiquement indiscernables de l'original. Le support des navigateurs est effectivement de 100 %.
Où JPEG est limité
JPEG ne peut pas stocker un canal de transparence (alpha). JPEG gère également mal les bords nets et les blocs de couleur unie. Pour les photos sauvegardées en PNG au lieu de JPEG, la pénalité de taille est sévère : les fichiers PNG pour photos sont généralement 5–10× plus grands que leurs équivalents JPEG.
PNG : précision sans perte quand ça compte
PNG stocke chaque pixel exactement tel qu'il a été sauvegardé. Le compromis est la taille — PNG utilise une compression sans perte, ce qui signifie que les images avec une variation de couleur complexe restent volumineuses.
Les points forts de PNG
PNG est le bon format quand la fidélité parfaite au pixel est importante : logos et identité visuelle, captures d'écran, diagrammes et illustrations, images qui seront éditées à nouveau. PNG supporte également la transparence alpha complète.
Où PNG est limité
Ne sauvegardez pas une photographie en PNG si vous comptez la servir sur le web. Une photo DSLR haute résolution peut peser 3 Mo en JPEG qualité 85 et 25 Mo en PNG. Pour le contenu photographique, PNG est presque toujours le mauvais format.
WebP : le format polyvalent
Google a introduit WebP en 2010 et a passé la décennie suivante à l'intégrer dans tous les navigateurs. En 2026, le support mondial des navigateurs est d'environ 97 %.
Les chiffres de compression
La recherche originale de Google comparant WebP à JPEG à qualité SSIM équivalente a montré que WebP est 25–34 % plus petit que JPEG. WebP prend en charge les modes avec et sans perte et la transparence alpha complète dans les deux modes.
Quand utiliser WebP
- Images web générales où la compatibilité large est prioritaire
- Remplacer JPEG pour les photos de produits, images éditoriales et images hero
- Remplacer PNG pour les logos et graphiques avec transparence
Pour compresser des images en WebP ou convertir des formats d'image, vous pouvez le faire directement dans le navigateur.
Cas limites où WebP est moins performant
Le mode avec perte de WebP peut introduire un léger banding dans les dégradés lisses à des réglages de compression agressifs — plus que JPEG à tailles de fichiers équivalentes.
AVIF : compression maximale, support croissant
AVIF (AV1 Image File Format) est dérivé du codec vidéo AV1 développé par l'Alliance for Open Media. Il représente un saut générationnel en efficacité de compression.
Les chiffres de compression
Les études comparant AVIF à JPEG à qualité visuelle équivalente montrent constamment une réduction de taille de 50 % ou plus. Netflix a publié des résultats montrant qu'AVIF réduit la bande passante des images de 50 % par rapport à JPEG.
Support HDR et gamme de couleurs étendue
AVIF prend en charge nativement le HDR et les gammes de couleurs étendues comme Display P3. Pour les showcases de photographie et les portfolios de design, c'est un différenciateur significatif.
Le problème de la vitesse d'encodage
L'encodage AVIF est 5–10× plus lent que JPEG ou WebP. La plupart des équipes atténuent cela en encodant à la construction ou en traitement par lots.
Support des navigateurs en 2026
Le support AVIF est d'environ 93 %. Le schéma standard :
<picture>
<source srcset="image.avif" type="image/avif" />
<source srcset="image.webp" type="image/webp" />
<img src="image.jpg" alt="Description" />
</picture>JPEG XL : à surveiller, pas encore prêt
JPEG XL (.jxl) est le format le plus capable techniquement. Le problème est le support des navigateurs — il reste derrière des flags expérimentaux dans la plupart des navigateurs début 2026. Notre recommandation : N'utilisez pas JPEG XL pour la diffusion web aujourd'hui. Pour la production, AVIF + fallback WebP est la bonne combinaison.
L'arbre de décision
Avez-vous besoin de transparence ?
Oui — Utilisez WebP (mode sans perte). JPEG n'est pas une option.
Non — Continuez ci-dessous.
Est-ce une photographie ou un graphique ?
Photographie : JPEG pour le support maximal, WebP lossy pour des fichiers plus petits, AVIF + fallback WebP pour l'optimisation à grande échelle.
Graphique : WebP (sans perte) ou PNG. Ne jamais utiliser JPEG pour les graphiques.
Résumé de référence rapide
Comment convertir entre formats
ImageMagick (ligne de commande) :
# Convertir JPEG en WebP
magick input.jpg -quality 82 output.webp
# Convertir JPEG en AVIF
magick input.jpg -quality 60 output.avif
# Convertir PNG en WebP sans perte
magick input.png -define webp:lossless=true output.webpSquoosh (basé sur navigateur) : Comparez les formats côte à côte avec un aperçu de taille en temps réel.
FileCrank : Convertissez des formats d'image directement dans votre navigateur. L'outil de compression d'images gère la conversion de format et l'optimisation de qualité en une seule étape.
Conclusion
Pour la plupart des projets web modernes en 2026 : WebP comme format par défaut, AVIF quand les économies de bande passante comptent le plus (avec fallback <picture>), PNG uniquement quand la précision sans perte l'exige, et JPEG comme dernier recours et pour les e-mails.
Prêt à passer à la pratique ? Convertissez vos images en WebP ou AVIF, ou compressez les images existantes.