Les formats d'image expliqués : JPEG, PNG, WebP, AVIF et au-delà
By Artur8 min de lecture
Table of Contents
Chaque image sur le web utilise un format. JPEG, PNG, WebP, AVIF. Chacun compresse tes images d'une maniere differente.
Choisis le mauvais format et tes images pèsent trop lourd. Tes pages chargent lentement. Tes visiteurs s'en vont. Choisis le bon et tu obtiens des images nettes pour une fraction du poids.
Ce guide passe en revue chaque format majeur. Tu vas apprendre lequel choisir selon ton projet.
Un format d'image determine comment une photo est stockee en fichier. Il controle trois choses : la taille, la qualite visuelle et les fonctionnalites.
Certains formats utilisent la compression avec perte (lossy). Ils suppriment des details invisibles a l'oeil nu. Le JPEG fonctionne comme ca. Le WebP et l'AVIF aussi.
D'autres utilisent la compression sans perte (lossless). Ils reduisent le poids sans toucher au moindre pixel. Le PNG marche comme ca. Le WebP aussi, en mode sans perte.
Le format que tu choisis affecte :
Pour comprendre comment la compression fonctionne en detail, jette un oeil a notre guide complet de la compression d'images.
Le JPEG est le format le plus utilise au monde. Cree en 1992, il tourne partout. Chaque appareil, chaque navigateur, chaque appli.
Le JPEG utilise la compression avec perte. Il decoupe l'image en petits blocs de 8x8 pixels et vire les details difficiles a voir. A haute qualite (80-95 %), tu ne vois aucune difference. En dessous, des artefacts en blocs commencent a apparaitre.
Le JPEG est top pour :
Le JPEG galere quand :
Les reglages de qualite JPEG vont de 0 a 100. Pour le web, 75-85 donne le meilleur rapport taille/qualite. Au-dessus de 90, le fichier grossit sans gain visible.
Le JPEG reste le choix sur pour partager des photos. Mais pour le web en 2026 ? Il n'y a aucune raison de servir du JPEG quand le WebP fait pareil avec 30 % de poids en moins.
Le PNG utilise la compression sans perte. Chaque pixel reste intact. Zero perte.
Ca rend le PNG parfait quand la precision compte. Captures d'ecran, logos, diagrammes, elements d'interface, tout ce qui contient du texte ou des lignes nettes. Le PNG garde ces contours bien definis.
Le PNG gere aussi la transparence. Tu peux avoir un logo sur fond transparent qui se fond dans n'importe quelle couleur de page. Le JPEG ne sait pas faire ca.
Le revers de la medaille ? La taille. Une photo en PNG pese 3 a 10 fois plus qu'en JPEG. Les photos contiennent des millions de nuances, et la compression sans perte ne peut pas les reduire aussi bien que la compression avec perte.
Le PNG est top pour :
Le PNG galere quand :
Il existe deux variantes. Le PNG-8 supporte 256 couleurs max et cree de tout petits fichiers pour les graphiques simples. Le PNG-24 gere des millions de couleurs et la transparence complete. La plupart des outils produisent du PNG-24 par defaut.
Pour le web, le PNG cede peu a peu sa place au WebP et au SVG. Le WebP sans perte est 25-30 % plus petit que le PNG, a qualite identique. Le SVG est encore plus leger pour les logos car il utilise des formules mathematiques au lieu de pixels.
Le WebP est un format moderne cree par Google en 2010. Il fait tout ce que le JPEG et le PNG font, mais en plus leger.
Le WebP gere la compression avec et sans perte. Il supporte la transparence. Il fait de l'animation. Un seul format pour tous les cas qui demandaient avant du JPEG, du PNG et du GIF.
Les chiffres parlent d'eux-memes :
Cote navigateurs, c'est quasi universel. Chrome, Firefox, Safari, Edge, tous les navigateurs mobiles. Plus de 97 % des utilisateurs peuvent afficher du WebP sans souci.
Le WebP est le choix par defaut pour le web en 2026. Tu gagnes en taille sans sacrifier la compatibilite.
On couvre les details techniques ici : Compression WebP : pourquoi c'est mieux que le JPEG.
Les fichiers WebP font 25-35 % de moins que JPEG à qualité égale. Découvre comment fonctionne la compression WebP, le support navigateur et comment convertir.
AVIF vs WebP comparés côte à côte. Découvrez les vraies différences de taille, le support navigateur, la vitesse d'encodage et la qualité pour vos images.
Découvrez la différence entre compression avec perte et sans perte. Apprenez quelle méthode préserve la qualité et laquelle réduit le plus la taille.
Compare TinyPNG, Squoosh et CompressIMG côte à côte. Découvre quel outil gagne en traitement par lots, formats, qualité, prix et API.
L'AVIF est le dernier-ne des formats grand public. Il est base sur le codec video AV1, developpe par Google, Apple, Mozilla et Netflix entre autres.
L'AVIF compresse encore mieux que le WebP. Les fichiers sont 20-30 % plus petits que le WebP a qualite egale. Compare au JPEG, ca peut aller jusqu'a 50 % de reduction.
L'AVIF brille sur les photos avec des degrades doux et des tons chair. Quand tu pousses la compression au max, l'AVIF reste propre la ou le JPEG et le WebP montrent des artefacts.
| Format | Taille typique vs JPEG | Transparence | Animation | Support navigateur |
|---|---|---|---|---|
| JPEG | Reference | Non | Non | 100 % |
| PNG | 3-10x plus lourd | Oui | Non | 100 % |
| WebP | 25-35 % plus petit | Oui | Oui | 97 %+ |
| AVIF | 40-50 % plus petit | Oui | Oui | 93 %+ |
Les inconvenients ? L'AVIF encode 5 a 20 fois plus lentement que le WebP. Ca compte pour la compression en temps reel. Et le support navigateur tourne autour de 93 %. Tres bien, mais pas encore universel.
Pour une comparaison detaillee, lis AVIF vs WebP : lequel compresse le mieux ?
Au-dela des quatre grands, d'autres formats ont leur utilite.
Le GIF est le format anime original. Il ne gere que 256 couleurs. Nul pour les photos, mais correct pour les animations simples et les memes.
Les fichiers GIF sont gros compares aux alternatives modernes. Le WebP et l'AVIF animes font bien mieux en taille et en qualite. Mais le GIF marche absolument partout. Et il est tellement ancre dans la culture internet qu'il ne va pas disparaitre.
Utilise le GIF pour : Les animations rapides sur les reseaux sociaux et la messagerie. Pour le reste, prefere le WebP anime.
Le SVG est fondamentalement different de tous les autres formats ici. C'est un format vectoriel. Au lieu de stocker des pixels, il stocke des formules mathematiques pour les formes et les courbes.
Resultat : les images SVG s'adaptent a n'importe quelle taille sans perdre en nettete. Un logo est aussi net a 16 px qu'a 1600 px. Et les fichiers sont minuscules. Un logo de 50 Ko en PNG peut ne faire que 3 Ko en SVG.
Utilise le SVG pour : Les logos, icones, illustrations et graphiques. N'utilise jamais le SVG pour les photos.
Le JPEG XL a ete concu comme le vrai successeur du JPEG. Il offre une meilleure compression que le WebP et l'AVIF. Il gere le HDR et les gammes de couleurs etendues. Il peut meme recompresser des JPEG existants 20 % plus petit sans aucune perte.
Sur le papier, c'est le meilleur format jamais cree. En pratique, il a un gros probleme : Chrome a lache le support en 2023. Sans Chrome, impossible de percer sur le web. Safari le supporte. Firefox l'a derriere un flag.
Le JPEG XL trouvera peut-etre sa place en photographie et archivage. Mais pour le web, reste sur le WebP et l'AVIF.
Voici un arbre de decision simple :
C'est un logo, une icone ou un graphique simple ? Prends le SVG. Si le SVG n'est pas possible, prends le PNG ou le WebP sans perte.
C'est une photo pour le web ? Prends le WebP. Si ta config supporte la negociation de format, sers de l'AVIF avec le WebP en fallback.
C'est une photo pour le partage ou l'impression ? Prends le JPEG. Ca marche partout.
L'image a besoin de transparence ? Prends le WebP ou le PNG. Evite l'AVIF si tu as besoin d'une compatibilite maximale.
C'est une animation ? Prends le WebP pour la qualite. Prends le GIF pour la compatibilite.
C'est une capture d'ecran ou une image avec du texte ? Prends le PNG ou le WebP sans perte. La compression avec perte cree des artefacts autour du texte.
Pour la plupart des sites, la strategie pratique c'est :
Si tu geres un site a fort trafic et que tu veux les fichiers les plus legers possible, ajoute l'AVIF. Sers-le aux navigateurs compatibles, avec le WebP en fallback.
Pour t'aider a choisir les bons reglages de compression, consulte notre guide sur la compression avec perte vs sans perte.
La tendance est claire : les formats ne cessent de s'ameliorer en compression tout en gardant une haute qualite.
L'AVIF continue de gagner du terrain. Au fur et a mesure que l'encodage accelere et que le support s'elargit, il deviendra probablement le nouveau standard.
Le JPEG XL pourrait refaire surface si Chrome change d'avis. Ou si l'ecosysteme Apple pousse son adoption.
La compression par IA emerge aussi. Les codecs neuronaux peuvent compresser les images encore plus que l'AVIF en apprenant les motifs dans les donnees. C'est experimental aujourd'hui, mais ca pourrait tout changer demain.
Pour l'instant, le conseil est simple. WebP comme format par defaut. AVIF la ou ca a du sens. JPEG et PNG pour les cas specifiques.
Tes images representent la majeure partie du poids de tes pages. Le bon format peut couper ce poids de moitie. CompressIMG te facilite la tache. Uploade tes images, compresse-les dans le meilleur format et vois la difference. Aucune inscription necessaire.
CompressIMG
Compressez vos images sans perte de qualité. Gratuit, rapide et directement dans votre navigateur.