JPG vs PNG vs WebP vs AVIF — Quel format d'image devriez-vous réellement utiliser ?

JPG (JPEG) est le format que tes parents utilisent sans connaître son nom. Créé en 1992, c'est le format photo par défaut depuis trois décennies. Chaque appareil, chaque navigateur, chaque application sur terre ouvre des fichiers JPG. Il utilise une compression avec perte, ce qui signifie qu'il supprime certaines données d'image pour réduire la taille du fichier. Avec des réglages de qualité élevée (85-95 %), la différence est invisible pour la plupart des gens. En basse qualité, vous obtenez ces artefacts « en blocs » caractéristiques autour des bords.

PNG est le format que les designers adorent. Il utilise une compression sans perte : aucune donnée n’est jamais perdue. Cela est important pour deux raisons : la prise en charge de la transparence (JPG ne peut pas créer d'arrière-plans transparents) et la netteté du texte. Captures d'écran, logos, graphiques avec texte, tout ce qui comporte des lignes nettes : PNG les gère parfaitement. Le compromis est la taille du fichier : un PNG peut facilement être 5 à 10 fois plus grand qu'un JPG de la même photo.

WebP est la réponse de Google à la question « Et si JPG et PNG avaient un bébé ? » Il prend en charge la compression avec et sans perte, gère la transparence et produit généralement des fichiers 25 à 35 % plus petits que les JPG équivalents. La prise en charge des navigateurs a atteint plus de 95 % en 2023, donc l’ancienne excuse de compatibilité a pratiquement disparu. Si vous diffusez des images sur le Web, WebP est actuellement le choix pratique.

AVIF est le nouveau concurrent, basé sur le codec vidéo AV1. En termes d'efficacité de compression pure, il bat tout le reste : environ 50 % plus petit que JPG pour la même qualité visuelle. Il prend en charge la transparence, le HDR et une large gamme de couleurs. L'inconvénient ? L'encodage est lent (nettement plus lent que WebP) et la prise en charge des navigateurs, bien que bonne, n'est pas encore tout à fait universelle. Safari n'a ajouté une prise en charge complète que récemment.

Pour les photographies (photos de vacances, images de produits, portraits), vous souhaitez une compression avec perte, car ces images ont des dégradés fluides et de nombreuses variations de couleurs. JPG fonctionne parfaitement si la compatibilité est votre priorité. Si vous les mettez sur un site Web, WebP réduit votre bande passante de 30 % sans aucune différence visible. AVIF économise encore plus mais prend plus de temps à encoder.

Exemple concret : une photo d'un paysage de 1 920 x 1 080 peut faire 450 Ko en qualité JPG 90, 320 Ko en WebP et 200 Ko en AVIF. Même qualité visuelle dans les trois – la différence réside uniquement dans la taille du fichier. Pour un site Web chargeant 20 images, c'est la différence entre 9 Mo et 4 Mo de données d'image. Vos utilisateurs sur les connexions 4G le remarqueront.

Pour les images avec des bords nets, du texte, des aplats de couleurs ou de la transparence, la donne change. PNG est toujours la valeur par défaut : qualité garantie sans perte, support universel et transparence. WebP sans perte vous offre la même qualité avec une taille de fichier environ 26 % plus petite. AVIF sans perte fonctionne également mais offre moins d'économies que l'AVIF avec perte.

N'utilisez jamais JPG pour des captures d'écran contenant du texte, des logos ou des maquettes d'interface utilisateur. La compression JPG avec perte crée des artefacts visibles autour des transitions de couleurs nettes : le texte semble flou, les lignes droites deviennent ondulées. Ce n'est pas un problème de qualité ; c'est une limitation fondamentale du fonctionnement de la compression JPG.

Si vous êtes un utilisateur d'iPhone, vous vous demandez peut-être où s'intègre HEIC. HEIC est le format photo par défaut d'Apple, et il est environ 50 % plus petit que JPG avec une qualité similaire. Mais voici le problème : les navigateurs Web autres que Safari ne le prennent généralement pas en charge. Windows a besoin d'un plugin pour le visualiser. La plupart des formulaires en ligne le rejettent. HEIC est idéal pour stocker des photos sur votre iPhone, mais dès que vous aurez besoin de les partager ou de les télécharger, vous serez le convertir en JPG ou WebP.

Pour les sites Web : servez AVIF avec une solution de secours WebP et JPG comme filet de sécurité final. La plupart des systèmes de gestion de contenu et CDN modernes gèrent cela automatiquement. Pour les documents et les formulaires : restez fidèle au format JPG : c'est ce qu'attend chaque formulaire de téléchargement. Pour le travail de conception : utilisez PNG pendant le processus d'édition, exportez au format WebP ou AVIF pour la livraison. Pour l'archivage : conservez le format original (généralement JPG ou RAW de votre appareil photo). Ne convertissez pas plusieurs fois entre des formats avec perte : chaque conversion dégrade légèrement la qualité.

Les guerres de formats vont se poursuivre. JPEG XL attend dans les coulisses, et il y aura probablement quelque chose de nouveau l'année prochaine. Mais à l’heure actuelle, la réponse pratique pour la plupart des gens est : JPG pour la compatibilité, WebP pour une utilisation moderne du Web, PNG lorsque vous avez besoin de transparence ou de qualité sans perte. Si vous devez basculer entre l'un de ces éléments, un convertisseur d'images le fait en quelques secondes sans rien installer.

Les chiffres racontent mieux l’histoire que les mots. Prenez une photo typique de 1920 × 1080 et enregistrez-la dans chaque format avec une qualité visuelle comparable. JPG en qualité 85 : ~250 Ko. PNG (sans perte) : ~2,5 Mo. WebP à qualité équivalente : ~180 Ko. AVIF à qualité équivalente : ~130 Ko. Cela signifie qu'AVIF fait environ la moitié de la taille d'un JPG avec des résultats visuellement identiques et environ 30 % plus petit que WebP.

Pour un graphique ou une capture d'écran avec du texte et des couleurs plates, les chiffres changent. PNG : ~150 Ko. JPG en qualité 90 : ~200 Ko (et avec des artefacts visibles autour du texte). WebP sans perte : ~100 Ko. AVIF sans perte : ~90 Ko. C'est pourquoi le format PNG est préféré pour les graphiques : le JPG produit en fait des fichiers plus gros ET une qualité inférieure pour ce type de contenu.

JPG et PNG fonctionnent partout : sur chaque navigateur, chaque application, chaque appareil, depuis des décennies. WebP dispose désormais d'une prise en charge quasi universelle des navigateurs : Chrome, Firefox, Safari (depuis 2022), Edge et tous les navigateurs mobiles le prennent en charge. Les seuls réfractaires sont certains systèmes d’entreprise et clients de messagerie très anciens.

Le support AVIF est en croissance mais pas encore universel. Chrome, Firefox et Opera le prennent entièrement en charge. Safari a ajouté la prise en charge AVIF en 2023, mais certains appareils iOS plus anciens ne la gèrent toujours pas. Si vous créez un site Web, l'approche sûre consiste à proposer AVIF avec une solution de secours WebP et JPG comme filet de sécurité final en utilisant le code HTML. <picture> élément.

La conversion de sans perte en perte (PNG → JPG, PNG → WebP) est parfaitement sûre : vous choisissez simplement un niveau de compression. La conversion avec perte en perte (JPG → WebP) fonctionne bien pour une seule conversion mais introduit une légère perte de qualité. Ne faites jamais de conversions répétées entre des formats avec perte : chaque conversion dégrade encore davantage la qualité, comme si vous photocopiez une photocopie.

Si vous devez convertir des images entre formats, convertir PNG en JPG, convertir HEIC en JPG, ou utilisez nos autres outils de conversion — le tout gratuitement et instantanément dans votre navigateur.

Utilisez JPG lorsque : partager des photos par e-mail, les télécharger sur les réseaux sociaux ou lorsque la compatibilité universelle compte plus que la taille du fichier. Utilisez PNG lorsque : l'image est transparente, contient du texte ou des bords nets, ou vous avez besoin d'une qualité sans perte pour l'édition. Utilisez WebP lorsque : optimiser les images de votre site Web : c'est le meilleur équilibre entre qualité, taille de fichier et prise en charge du navigateur. Utilisez AVIF lorsque : vous avez besoin d'une compression maximale et pouvez fournir des solutions de secours pour les anciens navigateurs.