JPG, PNG, WebP ou AVIF : quel format d'image choisir selon l'usage
Comparatif JPG, PNG, WebP et AVIF : compression, transparence, poids et compatibilité navigateurs en 2026, et quel format choisir selon l'usage.
Le choix d'un format d'image repose au fond sur trois critères : le contenu (photo, ou graphique riche en texte et en traits), le besoin d'un fond transparent, et la capacité du destinataire à ouvrir ce format. Cet article explique d'abord les différences de structure entre les quatre formats principaux, puis propose un tableau de choix selon la situation. Les chiffres de compatibilité navigateurs ont été vérifiés avec les données de Can I use à la date de référence (2026-09-23).
Tableau comparatif
| Critère | JPG (JPEG) | PNG | WebP | AVIF |
|---|---|---|---|---|
| Apparition | 1992, ITU-T T.81 | 1996, recommandation W3C | 2010, publié par Google | 2019, AOMedia v1.0.0 |
| Compression | Avec perte | Sans perte | Avec ou sans perte | Avec ou sans perte |
| Transparence | Non | Oui (canal alpha) | Oui | Oui |
| Animation | Non | Oui via APNG | Oui | Oui |
| Profondeur de couleur | 8 bits par canal | Jusqu'à 16 bits | 8 bits | 8, 10 ou 12 bits (HDR possible) |
| Compatibilité navigateurs (utilisateurs dans le monde) | Pratiquement 100 % | Pratiquement 100 % | Environ 96 % | Environ 95 % |
Les pourcentages correspondent à la part d'utilisation mondiale des navigateurs recensée par Can I use. Si vous devez tenir compte de navigateurs anciens ou de visionneuses internes à une entreprise, le JPG et le PNG restent les choix les plus sûrs.
JPG — la norme photo depuis 30 ans
Le JPG découpe l'image en blocs de 8×8 pixels, les convertit en composantes de fréquence par une transformée en cosinus discrète (DCT), puis quantifie grossièrement — et donc élimine — les hautes fréquences auxquelles l'œil est peu sensible. Les informations de couleur sont aussi souvent stockées à une résolution plus faible que la luminance (sous-échantillonnage de la chrominance). Résultat : sur une photo aux dégradés doux comme un ciel ou une peau, une qualité autour de 80 est quasi indiscernable de l'original, mais sur une image pleine de texte, de traits ou d'aplats nets, des bavures apparaissent autour des contours (effet de ringing, blocs visibles).
- Avantages : accepté par presque tous les appareils, logiciels et formulaires d'envoi. Le réglage de qualité permet de faire varier le poids sur une large plage.
- Limites : pas de transparence, et les pertes s'accumulent à chaque nouvel enregistrement. Peu adapté comme fichier intermédiaire de retouche.
PNG — le choix par défaut pour le texte, les logos et les captures
Le PNG est un format sans perte qui conserve les valeurs des pixels telles quelles. Il applique ligne par ligne un filtre calculant l'écart avec les pixels voisins, puis compresse le tout avec Deflate (la même famille que le zip). Sur les captures d'écran, schémas et logos, où une même couleur s'étend sur de grandes zones, il est plus léger et plus net que le JPG ; mais sur une photo, où chaque pixel diffère légèrement de ses voisins, il se compresse mal et peut peser plusieurs fois plus qu'un JPG.
La troisième édition du PNG, publiée par le W3C en juin 2025, intègre officiellement dans la norme le PNG animé (APNG), les informations de couleur HDR et le bloc EXIF. La compatibilité avec les fichiers PNG existants est entièrement préservée.
WebP — JPG et PNG réunis en un seul format
Le WebP réunit dans un même format un mode avec perte (basé sur le codec vidéo VP8) et un mode sans perte, et les deux gèrent la transparence et l'animation. Google annonce qu'à indice de qualité SSIM égal, le WebP avec perte est 25 à 34 % plus léger que le JPG et le WebP sans perte 26 % plus léger que le PNG. Ces chiffres proviennent des tests internes de Google : le gain réel dépend du contenu de l'image et des réglages de l'encodeur.
En novembre 2024, la spécification du WebP et son type de média (image/webp) ont été officiellement enregistrés dans la RFC 9649 de l'IETF. Safari ne le prend en charge que depuis sa version 14 (macOS Big Sur ou plus récent) : si beaucoup de vos visiteurs utilisent des appareils Apple antérieurs à 2020, prévoir une image de secours est plus prudent.
AVIF — le plus léger, mais lent à encoder
L'AVIF est un format qui place, dans un conteneur de la famille HEIF, une image compressée avec AV1, un codec vidéo libre de redevances ; l'Alliance for Open Media (AOMedia) en a publié la spécification 1.0.0 en février 2019. Il accepte des couleurs sur 10 ou 12 bits par canal et le HDR, et produit souvent des fichiers plus légers que le WebP à qualité égale. En revanche, son encodage demande beaucoup de calcul : convertir plusieurs grandes photos prend du temps, et selon MDN il ne permet pas l'affichage progressif.
Les principaux navigateurs le prennent en charge depuis Chrome 85, Firefox 93, Safari 16.4 (partiellement dès 16.1) et Edge 121. Edge ayant été le dernier à suivre (début 2024), l'image peut ne pas s'afficher sur un PC d'entreprise dont la version d'Edge est bloquée sur une ancienne version.
Chaque format se dégrade différemment
À « basse qualité » égale, la façon dont l'image se dégrade varie selon le format. Savoir où regarder pour vérifier le résultat aide à choisir le réglage de qualité.
- JPG : les bords des blocs de 8×8 apparaissent comme une grille, et des ondulations (ringing) se forment autour du texte et des traits. Des paliers en bandes surgissent dans les zones douces comme le ciel.
- WebP (avec perte) : moins de blocs visibles qu'en JPG, mais les détails s'empâtent et les couleurs bavent. Les fins traits rouges ou bleus deviennent particulièrement flous.
- AVIF : presque aucun bloc, même à faible qualité, mais les textures comme le grain de la peau, le gazon ou les cheveux sont lissées et l'image peut prendre un aspect « aquarelle ».
- PNG : sans perte, donc aucune dégradation. En revanche, réduire le nombre de couleurs pour alléger le fichier crée des bandes dans les dégradés.
Pour juger le résultat, mieux vaut agrandir à 100 % ou plus les visages, le texte et le ciel et les comparer à l'original plutôt que de regarder l'image entière.
Où en sont le JPEG XL et le HEIC ?
- JPEG XL : format de nouvelle génération aux nombreux atouts, comme la possibilité de réencapsuler sans perte un JPG existant dans un fichier plus léger. Mais à la date de référence, selon Can I use, seul Safari 17 ou plus le prend partiellement en charge, et Chrome comme Firefox ne l'affichent pas avec leurs réglages par défaut. Il est encore trop tôt pour l'utiliser directement sur le web.
- HEIC : format par défaut des photos d'iPhone, mais parmi les navigateurs web seul Safari 17 ou plus l'affiche. On le convertit généralement en JPG avant de l'envoyer ou de le partager (guide HEIC).
Choisir selon la situation
- Le destinataire (administration, école, boutique en ligne) impose-t-il des formats ? → Suivez sa liste. Il s'agit le plus souvent du JPG.
- Avez-vous besoin d'un fond transparent ? → WebP pour le web, PNG pour la retouche ou l'impression.
- Photo ou graphique ? → Pour une photo, JPG (compatibilité) ou WebP/AVIF (poids) ; pour du texte, des traits ou des schémas, PNG ou WebP sans perte.
- Vous voulez accélérer un site web ? → Utilisez l'AVIF ou le WebP, avec un JPG de secours pour les anciens navigateurs.
| Usage | 1er choix | Alternative | À éviter |
|---|---|---|---|
| Photo d'identité pour un dossier en ligne | JPG | PNG si le destinataire l'accepte | WebP, AVIF, HEIC |
| Photos de blog ou de site web | WebP, AVIF | JPG | Photo en PNG |
| Logo ou icône (transparent) | PNG, WebP | SVG (vectoriel) | JPG |
| Capture d'écran, schéma | PNG | WebP sans perte | JPG de faible qualité |
| Courte animation | Animation WebP ou AVIF | GIF (compatibilité) | — |
| Envoi à un imprimeur | Format exigé par l'imprimeur | JPG ou PNG de haute qualité | JPG recompressé plusieurs fois |
Points d'attention lors de la conversion
- Convertir d'un format avec perte vers un autre format avec perte cumule les pertes. En passant d'un JPG au WebP, les pertes du WebP s'ajoutent à l'information que le JPG a déjà éliminée. Si vous avez l'original, convertissez une seule fois à partir de celui-ci.
- Lors d'une conversion d'un format transparent vers un format opaque (PNG ou WebP → JPG), les zones transparentes doivent être remplies par une couleur de fond, par exemple du blanc.
- La profondeur de couleur et le HDR sont ramenés à 8 bits dès la conversion en JPG.
- Si changer de format ne suffit pas à réduire le poids, réduire aussi la résolution est ce qui a le plus d'effet. Le principe est détaillé dans Comment réduire le poids d'une photo.
Vous pouvez convertir entre formats uniquement dans votre navigateur avec l'outil Convertir le format d'une image, et les caractéristiques détaillées de chaque format sont réunies dans le dictionnaire des formats.
Questions fréquentes
Enregistrer une photo en PNG améliore-t-il sa qualité par rapport au JPG ?
Convertir en PNG une photo déjà enregistrée en JPG empêche seulement toute perte supplémentaire à partir de ce moment : l'information déjà perdue ne revient pas. Le fichier devient en général plusieurs fois plus lourd ; passer une photo en PNG n'est donc conseillé que pour une raison précise, par exemple si vous devez la retoucher à plusieurs reprises.
Y a-t-il des endroits où il ne faut pas envoyer du WebP ou de l'AVIF ?
La plupart des navigateurs affichent ces deux formats, mais les formulaires d'envoi des administrations, des écoles et des entreprises n'acceptent souvent que le JPG ou le PNG. Si le destinataire indique les extensions autorisées, le plus sûr est de suivre cette liste à la lettre.
Il me faut un fond transparent et un fichier léger : que choisir ?
Pour une publication sur le web, le WebP ou l'AVIF, qui gèrent la transparence tout en permettant une compression avec perte, sont bien plus légers que le PNG. Si le logiciel du destinataire ne sait pas ouvrir ces formats, utilisez le PNG et réduisez son poids en diminuant le nombre de couleurs.
Essayer maintenant
Sources
- MDN — Image file type and format guide
- Google for Developers — An image format for the Web (WebP)
- ITU-T Recommendation T.81 (09/92) — spécification JPEG
- W3C — PNG Specification (Third Edition)
- AOMedia — AV1 Image File Format (AVIF)
- Can I use — WebP image format
- Can I use — AVIF image format
- Can I use — HEIF/HEIC image format
- Can I use — JPEG XL image format