Formats d'image comparés : JPG vs PNG vs WebP vs AVIF (2026)

Le format d’image que tu choisis affecte le temps de chargement de page, le classement SEO (Core Web Vitals), les coûts de bande passante, la qualité visuelle, la compatibilité navigateur et l’accessibilité. En 2026, la réponse n’est plus “utilise juste JPG”, les formats modernes économisent 50-70% de la taille de fichier à qualité équivalente.

Ce guide compare les quatre formats qui comptent aujourd’hui : JPG, PNG, WebP, AVIF. Plus une note sur HEIC (Apple), TIFF (impression), et SVG (vectoriel).

Tableau de référence rapide

Format	Compression	Transparence	Animation	Support navigateur (2026)	Idéal pour
JPG	Avec perte	Non	Non	100%	Photos, email, compatibilité max
PNG	Sans perte	Oui	Non	100%	Logos, icônes, captures d’écran
WebP	Avec ou sans perte	Oui	Oui	96%	Web moderne (par défaut en 2026)
AVIF	Avec ou sans perte	Oui	Oui	92%	Web critique en performance
HEIC	Avec perte	Oui	Oui	iOS/macOS uniquement	Stockage appareils Apple
GIF	Sans perte	1-bit uniquement	Oui	100%	Animations héritées uniquement
SVG	Vectoriel sans perte	Oui	Oui	100%	Logos, icônes, illustrations (toute taille)

JPG (JPEG)

Né en 1992. Universellement pris en charge. Compression avec perte avec un curseur de qualité (1-100). À une qualité de 75-85, indiscernable de l’original à l’œil humain tout en étant 5-10× plus petit que la source RAW.

Forces :

• Compatibilité universelle (littéralement partout).
• Petits fichiers pour les photos.
• Compression mature, bien comprise.

Faiblesses :

• Pas de transparence (doit utiliser un fond plein).
• Artefacts de compression à basse qualité (blocs, halos).
• Pas d’animation.
• Standard plus ancien, dépassé pour le web moderne.

Utilise-le quand : tu envoies des photos par email, tu envoies à de vieux systèmes, la compatibilité max compte, pas besoin de transparence.

PNG (Portable Network Graphics)

Né en 1996. Compression sans perte. Deux variantes : PNG-8 (256 couleurs, remplaçant GIF) et PNG-24 (16 millions de couleurs, qualité photo). Les deux supportent la transparence (canal alpha 8-bit), la fonctionnalité tueuse.

Forces :

• Sans perte : copie bit-perfect de l’original, jamais d’artefacts.
• Support de la transparence (canal alpha).
• Net à n’importe quel niveau de zoom (pas de blocs de compression).
• Compatibilité universelle.

Faiblesses :

• Beaucoup plus volumineux que JPG pour les photos (2-5× plus gros).
• Pas d’animation (utilise APNG, mais le support est mitigé).
• Compression moins efficace que les formats modernes.

Utilise-le quand : logos, icônes, captures d’écran, dessin au trait, illustrations, partout où tu as besoin de lignes nettes ou de transparence.

WebP

Créé par Google en 2010. Mode avec perte rivalise avec JPG avec ~25-35% de meilleure compression à qualité équivalente. Mode sans perte rivalise avec PNG avec ~25% de meilleure compression. Mode animation rivalise avec GIF avec une qualité et une compression massivement meilleures.

En 2026, le support WebP est de 96% mondialement, tous les navigateurs modernes (Chrome, Firefox, Safari 14+, Edge) le supportent nativement. Seuls les très vieux navigateurs et certains clients email manquent de support.

Forces :

• Meilleur équilibre entre efficacité de compression, compatibilité et fonctionnalités.
• Un seul format couvre les besoins avec perte, sans perte et animés.
• Pris en charge par tous les CDN d’images modernes (Cloudinary, Imgix, Cloudflare Images).
• Libre et ouvert (sans royalties).

Faiblesses :

• Décodage légèrement plus lent que JPG (négligeable sur du matériel moderne).
• Certains logiciels hérités (Photoshop CS5 et antérieurs) nécessitent un plugin.
• Encodage marginalement plus lent que JPG.

Utilise-le quand : partout sur le web moderne. WebP devrait être ton défaut en 2026 sauf si une raison spécifique argumente autrement.

AVIF (AV1 Image File Format)

Sorti en 2019, basé sur le codec vidéo AV1. Le format le plus efficace en compression largement pris en charge en 2026, typiquement 25-35% plus petit que WebP à qualité équivalente.

Support en 2026 : ~92% mondialement. Tous les principaux navigateurs le supportent (Chrome 85+, Firefox 93+, Safari 16.4+, Edge). Certains environnements spécifiques (clients email, très vieux logiciels d’entreprise) ne le supportent pas.

Forces :

• Meilleure compression de tout format largement pris en charge.
• Supporte HDR (high dynamic range, profondeur de couleur 10/12-bit).
• Supporte la transparence, l’animation.
• Ouvert et sans royalties.
• Excellente qualité même à très bas débit.

Faiblesses :

• L’encodage est lent (10-30× plus lent que JPG). Pas idéal pour l’encodage à la requête.
• Décodage plus lent que WebP (toujours en millisecondes, mais mesurable).
• Légèrement moins compatible que WebP.
• Pas encore omniprésent dans les logiciels d’édition d’image.

Utilise-le quand : sites critiques en performance où chaque KB compte. Pré-encode au build, sers avec des fallbacks WebP et JPG.

La bonne pratique 2026 : <picture> avec fallbacks

Ne choisis pas un format, sers le meilleur que chaque navigateur supporte :

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

Les navigateurs modernes prennent AVIF, les un peu plus anciens retombent sur WebP, les très vieux récupèrent JPG. Tout en partageant la même sémantique <img> et le même alt.

Les frameworks automatisent ça :

• Next.js : le composant <Image> gère AVIF/WebP/JPG automatiquement.
• Astro : <Image> de astro:assets fait pareil.
• Cloudinary / Imgix : sert selon l’en-tête de requête Accept: image/avif.

Et HEIC ?

HEIC (High Efficiency Image Container) est ce que ton iPhone enregistre. Même famille de compression qu’AVIF (codec vidéo HEVC). Excellente compression, supporte la transparence et HDR.

Problème : seuls les appareils Apple supportent nativement HEIC. Windows, navigateurs Android, serveurs web, logiciels d’image ont tous besoin de plugins ou de conversion.

Bonne pratique : convertis HEIC en JPG ou WebP avant de partager ou d’héberger sur le web. HEIC en JPG fait ça dans ton navigateur.

Et TIFF, BMP, GIF ?

• TIFF : prépresse / archivage impression professionnel. Fichiers massifs, pas de compression par défaut. À ne pas utiliser sur le web.
• BMP : format Windows hérité. Pas de compression. À ne pas utiliser nulle part en 2026.
• GIF : transparence 1-bit, 256 couleurs, sans perte. L’animation fonctionne mais inefficacement, chaque alternative moderne (WebP, AVIF, même MP4 vidéo) est meilleure. À utiliser uniquement pour la compatibilité héritée.

Et SVG ?

SVG est vectoriel, pas un format concurrent pour les photos, mais imbattable pour les logos, icônes, illustrations, graphiques. Indépendant de la résolution (s’agrandit à l’infini sans perte de qualité), petite taille de fichier pour les graphiques simples, supporte la stylisation CSS et l’interaction JS.

Utilise SVG pour : logos, icônes (favicons), visualisations de données, illustrations simples, tout graphique dessiné plutôt que photographié.

Générateur de favicon sort des variantes SVG pour les navigateurs modernes.

Arbre de décision pour choisir un format

1. Est-ce un logo, une icône, ou un graphique simple ? → SVG.
2. Contenu photographique sans transparence nécessaire ? → AVIF (au build) → fallback WebP → fallback JPG.
3. Contenu photographique avec transparence ? → AVIF ou WebP (les deux supportent l’alpha) → fallback PNG.
4. Logo, capture d’écran, ou graphique avec transparence ? → PNG (ou WebP-sans-perte pour la taille).
5. Compatibilité email/héritée maximale ? → JPG (sans transparence) ou PNG (avec transparence).
6. Animation ? → WebP (ou AVIF si navigateurs récents OK) → GIF en dernier recours seulement.

Chemins de conversion concrets

Photographe livrant à un client : garde le RAW master, livre du JPG qualité 95 (web) ou TIFF (impression).

Webmaster optimisant un site existant : convertit en bulk tous les PNG/JPG en AVIF + WebP au build. Sert via <picture>.

Photos produit e-commerce : WebP qualité 80 est le sweet spot. AVIF si ton profil de trafic justifie le temps d’encodage.

Images héro de blog : AVIF (avec fallbacks WebP et JPG), Core Web Vitals te récompense pour ça.

Image de couverture réseaux sociaux : JPG ou PNG. La plupart des plateformes ré-encodent de toute façon, donc ne te casse pas la tête avec WebP/AVIF à l’upload.

Signature email : PNG (compatibilité max, support transparence) ou JPG (plus petit).

Résumé

En 2026, la stack moderne d’images web est AVIF → WebP → JPG, servie via <picture> avec fallbacks, avec PNG et SVG gardant leurs rôles pour les graphiques et logos.

Pour les conversions ponctuelles, Convertir image gère la matrice complète localement, ton image n’atteint jamais un serveur, supporte JPG, PNG, WebP et AVIF en entrée et sortie. Utilise-le selon les besoins, mais comprends ce que chaque format optimise pour que tes choix soient délibérés.