JPG, PNG, WebP, AVIF : quel format image choisir en 2026 ?

JPG, PNG, WebP, AVIF : quatre formats d'image qui dominent le web en 2026, chacun avec ses forces et ses faiblesses. Choisir le bon format peut diviser le poids de vos pages par 3, améliorer votre score PageSpeed et impacter directement votre référencement Google. Dans ce guide complet, vous allez comprendre en quelques minutes quel format utiliser selon chaque situation — et éviter les erreurs que font 80 % des sites web.

Le contexte : pourquoi le format d'image compte autant en 2026

Les images représentent en moyenne 60 % du poids total d'une page web. Sur un site e-commerce, ce chiffre peut grimper à 80 %. Or Google a fait de la vitesse de chargement un critère officiel de classement depuis 2021, via les Core Web Vitals. Le temps d'affichage du plus grand élément visible (LCP) — presque toujours une image — est mesuré pour chaque page.

Résultat : un site qui sert des JPG lourds et non optimisés peut perdre plusieurs positions dans les résultats de recherche par rapport à un concurrent qui utilise WebP ou AVIF. À contenu équivalent.

Il ne s'agit pas de choisir un format "pour le fun", mais bien d'un levier SEO mesurable.

Le JPG (JPEG) : le vétéran de la photo numérique

Forces du JPG

Créé en 1992, le JPEG (Joint Photographic Experts Group) est supporté par 100 % des outils depuis plus de 30 ans. C'est le format universel, que l'on retrouve partout : appareils photo, smartphones, imprimantes, logiciels d'édition, navigateurs web. Aucun risque de compatibilité.

Sa compression avec perte (lossy) est particulièrement efficace sur les photographies complexes avec beaucoup de dégradés et de couleurs. À qualité 85 %, une photo de paysage en JPG occupe 10 à 20 fois moins d'espace qu'un équivalent non compressé.

Faiblesses du JPG

• Pas de transparence : le JPG ne supporte pas le canal alpha. Un logo exporté en JPG aura toujours un fond coloré.
• Mauvais pour le texte et les bords nets : la compression JPG floute légèrement les contours, ce qui est très visible sur des captures d'écran, des schémas ou des logos avec du texte.
• Compression destructive et cumulative : chaque ré-enregistrement dégrade un peu plus l'image. Un JPG ouvert et resauvegardé 10 fois est visiblement plus flou que l'original.

Quand utiliser le JPG

• Photographies (paysages, portraits, scènes riches en dégradés)
• Compatibilité universelle requise (vieux logiciels, impression traditionnelle)
• Emails où vous voulez être sûr que l'image s'affiche chez n'importe qui

Le PNG : la qualité sans compromis

Forces du PNG

Le PNG (Portable Network Graphics) est un format sans perte. Contrairement au JPG, il préserve chaque pixel de l'image originale. C'est donc le choix évident quand la qualité parfaite compte, ou quand vous allez retoucher l'image plusieurs fois.

Atout majeur : le PNG supporte la transparence avec canal alpha, y compris les transparences partielles (pixels semi-transparents). Un logo détouré, une icône flottante, une illustration avec ombres diffuses — tout cela s'exprime parfaitement en PNG.

Faiblesses du PNG

Le revers de la médaille : la taille des fichiers. Sur une photographie complexe, un PNG peut faire 5 à 10 fois la taille du JPG équivalent pour un rendu visuel quasi identique. Ce n'est pas adapté à toutes les situations.

Quand utiliser le PNG

• Logos, icônes, pictogrammes nécessitant de la transparence
• Captures d'écran avec du texte (les bords restent nets)
• Schémas techniques, diagrammes, illustrations avec bords tranchés
• Images que vous allez éditer successivement (évite la dégradation cumulative du JPG)

Le WebP : le compromis optimal pour le web moderne

Forces du WebP

Développé par Google en 2010 et généralisé depuis 2020, le WebP est un format moderne qui combine le meilleur des deux mondes : il supporte la transparence comme le PNG, tout en offrant une compression plus efficace que le JPG. À qualité visuelle équivalente, un WebP est typiquement 25 à 35 % plus léger qu'un JPG.

Le WebP propose également deux modes de compression :

• WebP avec perte (lossy) : pour les photographies, similaire au JPG mais plus efficace.
• WebP sans perte (lossless) : pour les logos et schémas, similaire au PNG mais 25-30 % plus léger.

Support navigateur en 2026 : plus de 97 % du trafic web (Chrome, Firefox, Safari 14+, Edge, tous les navigateurs mobiles modernes). C'est suffisant pour déployer WebP partout, avec un simple fallback JPG pour les 3 % restants.

Faiblesses du WebP

• Pas encore supporté par tous les logiciels d'édition (Photoshop depuis 2022 seulement)
• Certains clients mail professionnels l'affichent en erreur
• Sur des images très simples (à-plats de couleur), le gain peut être marginal

Quand utiliser le WebP

Pratiquement partout sur le web moderne. C'est le choix par défaut recommandé par Google pour les images de sites, applications et PWA. Pour un site optimisé SEO, convertir toutes les images en WebP est souvent le gain de performance le plus rapide.

→ Essayez notre convertisseur d'image gratuit pour passer vos JPG/PNG en WebP en un clic.

L'AVIF : le nouveau champion de la compression

Forces de l'AVIF

Sorti en 2019, l'AVIF (AV1 Image File Format) est encore plus efficace que le WebP. Il offre typiquement 50 % de réduction de taille par rapport au JPG à qualité équivalente — soit deux fois mieux que le WebP. Il supporte également la transparence, le HDR, et les images 10-bit (milliards de couleurs).

Sur les Core Web Vitals, remplacer du JPG par de l'AVIF peut faire gagner 500 ms à 1,5 seconde sur mobile, ce qui peut faire passer un site de la zone rouge à la zone verte.

Faiblesses de l'AVIF

• Encodage très lent : 5 à 10 fois plus lent que le WebP. Dans un workflow de production massive, cela peut devenir un problème.
• Support navigateur plus récent : environ 93 % du trafic en 2026. Les vieux iPhone et certains navigateurs legacy ne le lisent pas.
• Support logiciels limité : encore très peu de logiciels d'édition l'ouvrent nativement.

Quand utiliser l'AVIF

Pour les projets haut de gamme où chaque milliseconde de LCP compte : sites e-commerce, landing pages de campagnes, médias avec forte audience mobile. Toujours servir avec un fallback WebP ou JPG pour la compatibilité.

Tableau comparatif : quel format pour quel usage ?

Usage	Format recommandé	Pourquoi
Photo sur site web moderne	WebP ou AVIF	25-50 % plus léger qu'un JPG
Logo transparent	WebP sans perte ou PNG	Canal alpha préservé, compression correcte
Capture d'écran avec texte	PNG ou WebP sans perte	Texte parfaitement net, pas de flou
Email, compatibilité maximale	JPG	Universellement supporté depuis 30 ans
Impression professionnelle	JPG 300 DPI ou TIFF	Compatibilité imprimeur
Core Web Vitals critiques	AVIF + fallback WebP	Compression maximale

Comment mettre en place un fallback multi-format en HTML

La meilleure pratique en 2026 consiste à proposer plusieurs formats et laisser le navigateur choisir. Utilisez la balise <picture> :

<picture>
  <source srcset="image.avif" type="image/avif">
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" alt="Description" loading="lazy" width="800" height="600">
</picture>

Le navigateur lit la première ligne qu'il supporte : AVIF en priorité, puis WebP, puis JPG en dernier recours. Vous offrez le meilleur format à chaque visiteur sans effort côté code.

Les erreurs à éviter absolument

• Servir du PNG à la place du JPG pour une photo : vous multipliez le poids par 5 à 10 sans gain de qualité visible.
• Convertir un JPG en PNG en pensant "améliorer" la qualité : le PNG ne restaure pas l'information perdue par le JPG. Vous obtenez juste un fichier plus lourd avec la même qualité.
• Oublier les attributs width et height : sans dimensions déclarées, le navigateur ne peut pas réserver l'espace, ce qui génère du CLS (décalages de mise en page) et dégrade les Core Web Vitals.
• Oublier loading="lazy" sur les images hors écran initial : elles se chargent inutilement au premier affichage.

Questions fréquentes

Pour aller plus loin

• Compresseur d'image en ligne — réduisez le poids sans changer de format
• Comment compresser une image sans perte de qualité
• Convertir JPG en WebP — outil dédié pour optimisation SEO
• Convertir PNG en WebP — pour les logos transparents