Choisissez le bon format d’image pour une photo, une capture, un visuel transparent ou une interface, sans sacrifier inutilement la qualité ni les performances.
Publié le 31 août 2026Lecture : 27 minPar Équipe Bethemesh
Choisir un format d’image pour le Web paraît simple jusqu’au moment où plusieurs contraintes se rencontrent : photographie, transparence, logo, capture d’écran, animation, compatibilité, poids du fichier et qualité visuelle. À ce stade, la question « quel format est le meilleur ? » devient trompeuse.
Il n’existe pas de meilleur format universel. Il existe un format plus adapté à un type de contenu et à un usage donné.
JPEG reste extrêmement efficace pour de nombreuses photographies. PNG conserve une place importante pour les images nécessitant une compression sans perte ou certains usages de transparence. WebP combine plusieurs capacités dans un format largement déployé. AVIF peut offrir une compression très performante, notamment pour les photographies, mais son intérêt dépend du contenu, de l’encodage et de la chaîne de diffusion.
Et pour un logo ou une icône, la meilleure réponse peut être de ne choisir aucun de ces quatre formats raster et d’utiliser plutôt du SVG.
Cet article propose donc une méthode de décision plutôt qu’un classement artificiel.
Le choix rapide
Si vous devez décider en quelques secondes :
Contenu
Premier choix à tester
Alternative
Photographie
AVIF ou WebP
JPEG
Capture d’écran / interface
WebP ou PNG
AVIF selon le rendu
Image avec transparence
WebP, AVIF ou PNG
selon compatibilité et qualité
Logo / icône géométrique
SVG
PNG si raster obligatoire
Illustration complexe raster
WebP / AVIF
PNG ou JPEG selon le contenu
Animation raster
WebP selon le besoin
GIF dans certains contextes historiques
Archive nécessitant une restitution exacte
PNG selon le cas
format source approprié
Ce tableau est un point de départ, pas une règle absolue.
Le bon choix doit être validé avec le fichier réel. Le convertisseur d’images permet de comparer plusieurs formats, et le compresseur d’images aide à trouver un compromis entre poids et qualité.
Avant le format : qu’est-ce qu’une image raster ?
JPEG, PNG, WebP et AVIF peuvent tous représenter des images raster, c’est-à-dire des images composées d’une grille de pixels.
Chaque pixel contient des informations de couleur et, selon le format et le fichier, éventuellement de transparence.
Si cette notion n’est pas encore claire, consultez Comment une image numérique est-elle construite ?. Comprendre pixels, canaux RGB, alpha et dimensions rend beaucoup plus simple le choix d’un format.
Le format ne change pas la nature fondamentale d’une photographie : il détermine surtout comment les données nécessaires à sa restitution sont encodées, compressées et stockées.
Format, résolution et compression : trois décisions différentes
Une erreur fréquente consiste à tout mélanger.
Prenons une photographie de 4 000 × 3 000 pixels.
Vous pouvez :
la redimensionner à 1 600 × 1 200 ;
choisir WebP ;
régler un niveau de qualité.
Ces trois actions répondent à trois questions différentes.
Une optimisation efficace combine les trois au lieu d’attendre du format qu’il résolve tout.
JPEG : pourquoi est-il encore utilisé ?
JPEG est ancien, mais « ancien » ne signifie pas « inutile ».
Il reste particulièrement adapté à de nombreuses photographies parce que sa compression avec perte exploite efficacement les caractéristiques des images comportant :
de nombreux tons ;
des transitions progressives ;
des textures ;
du bruit photographique.
Une photographie naturelle peut souvent être fortement réduite en poids tout en conservant une qualité visuelle acceptable.
JPEG bénéficie aussi d’une compatibilité extrêmement large et d’un écosystème mature.
Son principal défaut apparaît lorsqu’on lui demande de représenter des contenus pour lesquels il n’a jamais été idéal : texte très net, aplats, contours graphiques ou transparence.
Pourquoi JPEG fonctionne-t-il bien sur les photographies ?
Une photographie contient souvent des variations complexes mais progressives.
JPEG peut supprimer une partie de l’information que le système visuel humain remarque moins facilement, ce qui permet de réduire fortement le volume de données.
Cette compression est avec perte : le fichier décompressé n’est pas une copie bit à bit des pixels d’origine.
Plus on compresse, plus les pertes deviennent visibles.
On peut observer :
blocs ;
halos ;
bavures ;
perte de détails fins ;
dégradation des contours.
Le bon réglage n’est donc pas « qualité maximale », mais qualité suffisante pour l’usage prévu.
Pourquoi JPEG est-il mauvais pour certains graphismes ?
Imaginez une capture d’écran contenant :
texte noir ;
fond blanc ;
lignes fines ;
icônes ;
aplats colorés.
La compression JPEG peut créer des artefacts autour des contours.
Autour d’un caractère noir sur blanc, des pixels intermédiaires parasites peuvent apparaître.
Le fichier peut alors être :
plus flou ;
moins propre ;
parfois même plus lourd qu’une alternative mieux adaptée.
Pour les interfaces, schémas ou images à aplats, PNG ou WebP peuvent être plus pertinents.
JPEG gère-t-il la transparence ?
Le JPEG traditionnel utilisé sur le Web ne fournit pas de canal alpha comparable à PNG, WebP ou AVIF.
Si votre image doit contenir des zones transparentes, JPEG n’est donc généralement pas le bon choix.
On voit parfois une image détourée enregistrée en JPEG sur fond blanc. Cela fonctionne uniquement si le fond final doit réellement rester blanc.
Dès que le fichier est placé sur une autre couleur, le rectangle blanc devient visible.
PNG : pourquoi est-il différent ?
PNG utilise une compression sans perte pour ses données d’image.
Cela signifie qu’après décompression, les valeurs représentées peuvent être retrouvées sans les pertes typiques d’une compression photographique comme JPEG.
PNG est particulièrement utile pour :
captures d’écran ;
graphismes à aplats ;
images avec transparence ;
éléments où les contours doivent rester nets ;
certains workflows nécessitant une restitution exacte des pixels.
Mais « sans perte » ne signifie pas « toujours meilleur ».
Pour une grande photographie, un PNG peut être beaucoup plus lourd qu’un JPEG, WebP ou AVIF adapté.
PNG est-il toujours sans perte ?
Dans son usage classique, PNG est un format de compression sans perte.
Cependant, un workflow peut modifier l’image avant son encodage PNG.
Par exemple, un outil peut réduire le nombre de couleurs d’une image puis enregistrer le résultat en PNG. Le fichier PNG compresse alors sans perte cette nouvelle représentation, mais la transformation précédente a déjà supprimé de l’information.
C’est une nuance importante lorsqu’on compare des outils d’optimisation.
Le format et le traitement appliqué avant l’encodage sont deux choses différentes.
PNG-8 et PNG-24 : que signifient ces termes ?
On rencontre historiquement les expressions PNG-8 et PNG-24 dans les outils graphiques.
Aujourd’hui, WebP et AVIF peuvent également gérer la transparence, ce qui enlève à PNG son ancien monopole pratique sur ce besoin.
WebP : pourquoi a-t-il pris autant de place ?
WebP a été conçu pour fournir plusieurs capacités utiles au Web dans une même famille de format.
Il peut notamment prendre en charge :
compression avec perte ;
compression sans perte ;
transparence ;
animation.
Cette polyvalence explique son adoption.
Pour de nombreux sites, WebP est devenu un excellent format généraliste.
Une photographie JPEG peut souvent être convertie en WebP avec un poids inférieur à qualité visuelle comparable, tandis qu’un PNG peut parfois être remplacé par un WebP sans perte plus compact.
Mais « WebP est plus moderne » ne signifie pas « convertissez tout automatiquement ».
WebP avec perte ou sans perte ?
WebP possède plusieurs modes.
WebP avec perte
Particulièrement intéressant pour les photographies et images complexes lorsque l’objectif est de réduire le poids.
WebP sans perte
Intéressant pour des contenus nécessitant une restitution exacte des pixels encodés, comme certaines captures ou illustrations.
WebP avec transparence
La transparence peut être utilisée dans les workflows avec ou sans perte selon les capacités de l’encodage choisi.
Il faut donc éviter de comparer « WebP » à « PNG » comme s’il n’existait qu’un seul comportement WebP.
WebP est-il toujours plus léger que JPEG ?
Non.
Il peut souvent être plus efficace, mais le résultat dépend :
de l’image ;
de l’encodeur ;
des réglages ;
de la qualité visuelle recherchée ;
des métadonnées ;
des dimensions.
Un JPEG déjà très optimisé peut parfois être difficile à battre de manière significative sans perte visuelle supplémentaire.
À l’inverse, une conversion WebP bien réglée peut apporter un gain important.
La seule réponse fiable est de tester le fichier réel.
WebP est-il toujours meilleur que PNG ?
Non plus.
Pour certaines images très simples, PNG peut être extrêmement efficace.
Pour d’autres, WebP sans perte gagnera nettement.
Et si le contenu est réellement vectoriel — logo, pictogramme, schéma géométrique — SVG peut être plus logique que les deux.
Le format doit suivre la structure du contenu.
AVIF : pourquoi suscite-t-il autant d’intérêt ?
AVIF utilise les technologies d’image dérivées de l’écosystème AV1 et peut fournir une compression très efficace.
Pour certaines photographies, il peut produire des fichiers sensiblement plus petits que JPEG ou WebP pour une qualité visuelle comparable.
Il prend également en charge des fonctionnalités modernes telles que :
transparence ;
profondeur de couleur élevée selon les fichiers ;
HDR dans les chaînes compatibles ;
compression avec ou sans perte selon les modes disponibles.
C’est donc un format particulièrement intéressant pour la diffusion d’images modernes.
Mais son efficacité ne dispense pas de vérifier le coût et le résultat de l’encodage.
AVIF est-il toujours le meilleur format ?
Non.
C’est probablement l’erreur la plus importante à éviter.
Un AVIF peut :
être excellent sur une photographie ;
être moins intéressant sur une petite image ;
demander davantage de temps à encoder ;
produire des artefacts différents ;
ne pas gagner suffisamment pour justifier la complexité du workflow.
Le meilleur format est celui qui donne le meilleur résultat dans votre chaîne de production et pour votre contenu.
Une stratégie réaliste peut très bien utiliser AVIF pour certaines images, WebP pour d’autres et SVG pour les graphismes vectoriels.
AVIF et transparence
AVIF peut prendre en charge la transparence.
Il devient donc une alternative possible à PNG ou WebP pour certains visuels détourés.
Mais la présence d’un canal alpha ne suffit pas à déterminer le meilleur choix.
Il faut comparer :
poids ;
qualité des contours ;
temps d’encodage ;
compatibilité de votre environnement cible ;
complexité de génération.
Pour une petite icône géométrique, un SVG restera souvent plus naturel.
Pourquoi AVIF peut-il être plus lent à encoder ?
Les codecs modernes peuvent utiliser des analyses et algorithmes plus complexes pour obtenir une meilleure compression.
Dans un build statique, ce coût peut être acceptable puisque l’image est encodée une fois puis servie de nombreuses fois.
Dans une application où des images sont générées à la volée, le coût CPU peut devenir plus important.
Il faut donc distinguer :
poids réseau ;
coût d’encodage ;
coût de décodage ;
simplicité opérationnelle.
Une optimisation Web ne se réduit jamais à la taille finale du fichier.
Et GIF dans tout ça ?
GIF reste connu pour l’animation, mais ses limitations colorimétriques et son efficacité sont souvent médiocres pour des animations modernes.
WebP animé, vidéo ou autres solutions peuvent être plus adaptées selon le contenu.
Pour une animation complexe ou longue, une vraie vidéo est souvent bien plus efficace qu’une séquence d’images animées.
GIF conserve néanmoins une compatibilité historique et une simplicité qui expliquent sa présence.
Dans le cadre de cet article, il ne doit pas être considéré comme le format raster de référence pour les photographies ou les images statiques modernes.
Et SVG ?
SVG est fondamentalement différent.
Il décrit des formes, tracés, textes et transformations plutôt qu’une grille fixe de pixels.
Pour :
logos ;
icônes ;
diagrammes ;
illustrations géométriques ;
SVG peut rester net à différentes tailles avec un poids très faible.
Et lorsque plusieurs tailles doivent coexister selon l’écran, le futur article Images responsives : comprendre srcset et sizes détaillera comment laisser le navigateur choisir entre plusieurs candidats.
Pourquoi le format ne suffit-il pas pour les performances ?
Imaginez deux fichiers :
photo-4000px.avifphoto-1200px.webp
Le premier utilise un codec plus moderne, mais contient beaucoup plus de pixels que nécessaire.
Le second peut être plus rapide à charger simplement parce qu’il est correctement dimensionné.
Une architecture peut générer plusieurs représentations d’une même source.
Par exemple :
hero-1280.avifhero-1280.webphero-1280.jpg
Puis le HTML peut proposer plusieurs sources.
Historiquement, cette stratégie permettait de bénéficier des formats modernes tout en conservant une solution de repli.
Aujourd’hui, la compatibilité de WebP et AVIF est bien meilleure qu’à leurs débuts, mais la stratégie doit toujours être adaptée aux navigateurs et environnements réellement ciblés.
Il n’est pas nécessaire de générer trois formats partout si cela n’apporte aucun bénéfice à votre audience.
Cela dépend de votre audience et de votre politique de compatibilité.
Pour un site destiné aux navigateurs modernes, vous pouvez parfois simplifier considérablement la chaîne.
Pour un produit devant fonctionner dans des environnements anciens, embarqués ou contrôlés par des politiques d’entreprise, les contraintes peuvent être différentes.
La bonne décision doit être fondée sur :
vos statistiques réelles ;
vos navigateurs cibles ;
votre coût de maintenance ;
le gain obtenu.
Évitez de conserver indéfiniment une architecture complexe uniquement parce qu’elle était nécessaire plusieurs années auparavant.
Comment comparer correctement deux formats ?
Ne comparez pas seulement les nombres affichés par un curseur « qualité 80 ».
La valeur 80 d’un encodeur JPEG n’est pas directement équivalente à 80 dans un encodeur WebP ou AVIF.
Les profils colorimétriques doivent-ils être supprimés ?
Pas automatiquement.
Un profil peut être important pour obtenir une interprétation correcte des couleurs.
Supprimer des données sans comprendre leur fonction peut modifier le rendu ou rendre le comportement moins prévisible.
L’optimisation doit donc distinguer :
métadonnées inutiles pour la diffusion ;
informations nécessaires au rendu ;
informations nécessaires aux droits ou au workflow ;
informations potentiellement sensibles.
C’est précisément pourquoi l’optimisation « supprimer toutes les métadonnées » est trop simpliste.
Format et confidentialité
Le format lui-même ne garantit pas qu’une image soit dépourvue d’informations annexes.
Selon la chaîne de production, plusieurs formats peuvent transporter des métadonnées.
Avant de publier une photographie personnelle, professionnelle ou issue d’un appareil mobile, il peut être pertinent de vérifier ce que le fichier contient.
Changer JPEG en WebP ne rend pas une image accessible.
L’accessibilité dépend notamment :
du texte alternatif ;
du rôle de l’image ;
de son contenu ;
du contraste si elle contient des informations visuelles ;
du contexte HTML.
Si du texte est intégré directement dans une image, le choix du format peut affecter sa netteté, mais le problème fondamental reste l’utilisation d’une image de texte lorsque du texte réel aurait été plus approprié.
Une image de 1 200 × 800 pixels reste une ressource de 1 200 × 800 pixels qu’elle soit JPEG, WebP ou AVIF, sauf si la conversion inclut aussi un redimensionnement.
Le navigateur peut ensuite l’afficher à une taille CSS différente.
Il n’existe pas de meilleur format universel. Pour les photographies, WebP et AVIF sont d’excellents candidats ; JPEG reste pertinent. Pour les graphismes sans perte ou certaines captures, PNG et WebP sont utiles. Pour les logos et icônes, SVG peut être préférable.
AVIF est-il meilleur que WebP ?
Il peut compresser certaines images plus efficacement, notamment des photographies, mais pas systématiquement. Comparez poids, qualité, temps d’encodage et contraintes de votre projet.
WebP est-il meilleur que JPEG ?
Souvent pour le rapport poids/qualité, mais pas toujours. Un JPEG bien optimisé peut rester parfaitement pertinent.
PNG est-il meilleur que JPEG ?
Pas dans l’absolu. PNG convient mieux aux contenus nécessitant une compression sans perte, à certaines captures et à la transparence. JPEG est généralement beaucoup plus efficace pour les photographies.
Quel format utiliser pour une image transparente ?
PNG, WebP et AVIF peuvent gérer la transparence. Pour un logo ou une icône, SVG peut être encore plus approprié.
Quel format utiliser pour un logo ?
SVG lorsqu’une version vectorielle existe et convient à l’usage. Sinon, PNG, WebP ou AVIF peuvent être envisagés selon le besoin raster.
Quel format utiliser pour une capture d’écran ?
PNG ou WebP sont souvent de bons premiers candidats. Comparez le poids et la netteté du texte et des contours.
Dois-je convertir tous mes JPEG en WebP ?
Non. Mesurez le gain réel. Une conversion massive n’est utile que si elle réduit suffisamment le poids sans dégrader la qualité ni complexifier inutilement le projet.
Dois-je convertir toutes mes images en AVIF ?
Non. AVIF est un outil supplémentaire, pas une obligation. Utilisez-le lorsque son gain justifie son coût.
Pourquoi mon AVIF est-il plus lourd que mon WebP ?
Le résultat dépend de l’image et des réglages d’encodage. Aucun codec ne gagne sur tous les contenus et à tous les niveaux de qualité.
Le format change-t-il la résolution ?
Pas nécessairement. Une conversion peut conserver exactement les mêmes dimensions en pixels. Le redimensionnement est une opération distincte.
Pourquoi utiliser plusieurs tailles d’une même image ?
Pour éviter de faire télécharger à un petit écran le fichier prévu pour un grand écran ou un écran très dense. Le guide Images responsives : comprendre srcset et sizes détaillera ce mécanisme.
Une image WebP ou AVIF est-elle automatiquement performante ?
Découvrez comment un fichier SVG décrit des formes, utilise viewBox et s’intègre dans une page Web, avec les bonnes pratiques de responsive, d’accessibilité et de sécurité.
