Passer au contenu principal

images

PNG vs WebP vs AVIF : choisir le bon format d'image en 2026

robinhood-projects7 min de lecture

HEIC en JPG

Convertissez vos photos HEIC iPhone en JPEG pour une compatibilité universelle — gratuit, sans inscription.

Utiliser l'outil →

Redimensionner l'image

Redimensionne les images JPEG, PNG ou WebP à des dimensions en pixels spécifiques

Utiliser l'outil →

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

FormatCompressionTransparenceSupport navigateursTaille typique vs JPEGVitesse d'encodageMeilleur pour
JPEGAvec perte uniquementNon~100 %Référence (1×)Très rapidePhotos, images hero
PNGSans perte uniquementOui (alpha)~100 %5–10× plus grand pour les photosRapideLogos, captures d'écran, graphiques avec texte
WebPAvec + sans perteOui (alpha)~97 %25–34 % plus petitRapideImages web générales, remplacement de JPEG/PNG
AVIFAvec + sans perteOui (alpha)~93 %50 %+ plus petitLentePhotos à grande échelle, livraison critique en bande passante
JPEG XLAvec + sans perteOui~75 % (derrière flags)Comparable à AVIFModéréeAvenir, archivage

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

SituationFormat recommandé
Photos de produits e-commerceAVIF + fallback WebP
Logo sur un site webWebP (sans perte) ou PNG
Photos éditoriales de blogWebP lossy, ou AVIF si vous avez le pipeline
Captures d'écran et images de documentationPNG ou WebP sans perte
Image hero de fondWebP lossy ou AVIF
Images newsletter e-mailJPEG
Images pour impression ou archivagePNG ou TIFF
Jeu d'icônes avec transparenceWebP sans perte ou SVG

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.webp

Squoosh (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.