Encyclopédie des formats de fichiers images : guide complet 2025

Face à la multitude de formats d'images disponibles, il n'est pas toujours évident de savoir lequel choisir. JPEG, PNG, WebP, AVIF, SVG, GIF, TIFF, HEIC... Chaque format a ses forces, ses faiblesses et ses cas d'usage spécifiques.

Cette encyclopédie exhaustive vous guide à travers tous les formats importants pour vous aider à faire les bons choix en 2025.

Les fondamentaux : compression avec et sans perte

Avant d'entrer dans le détail de chaque format, il faut comprendre le principe fondamental qui distingue les formats d'images :

Compression avec perte (lossy)

La compression avec perte réduit la taille du fichier en éliminant de manière permanente des données d'image. L'algorithme identifie les informations visuelles que l'œil humain perçoit le moins et les supprime.

Avantages : tailles de fichier très réduites Inconvénients : chaque sauvegarde dégrade l'image (génération loss) Formats : JPEG, WebP (lossy), AVIF (lossy), HEIC

Compression sans perte (lossless)

La compression sans perte réduit la taille du fichier sans aucune perte d'information. La décompression restitue exactement les données d'origine.

Avantages : qualité parfaite, pas de dégradation à la resauvegarde Inconvénients : fichiers plus lourds que la compression avec perte Formats : PNG, WebP (lossless), AVIF (lossless), GIF, TIFF, BMP

---

JPEG / JPG

Historique et contexte

Développé par le Joint Photographic Experts Group en 1992, JPEG est le format le plus répandu sur le web depuis plus de 30 ans. Son nom complet est JPEG et son extension de fichier est .jpg ou .jpeg (équivalents).

Caractéristiques techniques

• Compression : avec perte (DCT - Discrete Cosine Transform)
• Profondeur de couleur : 8 bits par canal (16,7 millions de couleurs)
• Transparence : non supportée
• Animation : non supportée
• Espace colorimétrique : sRGB, YCbCr (natif), CMJN (rare)
• Taille typique : 50 KB - 5 MB selon résolution et qualité

Points forts

• Compatibilité universelle : supporté par 100 % des logiciels, appareils et navigateurs
• Excellent pour les photos : algorithme optimisé pour les images naturelles avec dégradés
• Qualité réglable : compromis taille/qualité de 1 à 100
• Métadonnées EXIF : stockage GPS, paramètres appareil, etc.

Points faibles

• Pas de transparence : fond blanc ou couleur unie imposé
• Artéfacts de compression : blocs visibles (effet "mosquito noise") à basse qualité
• Dégradation cumulative : chaque resauvegarde perd de la qualité
• Pas d'animation : format statique uniquement

Quand utiliser JPEG

• Photos pour sites web (avec modération face à WebP)
• Partage sur plateformes sociales encore limitées
• Archivage si qualité maximale (>= 90)
• Impression professionnelle (profil CMJN)
• Compatibilité avec systèmes anciens

Paramètres recommandés

Usage	Qualité JPEG	Taille attendue
Web (photos)	75-80 %	50-200 KB
Portfolio	85-90 %	200-800 KB
Impression	95-100 %	1-10 MB
Vignettes	60-70 %	5-30 KB

---

PNG (Portable Network Graphics)

Historique et contexte

Créé en 1996 comme alternative libre au format GIF (breveté à l'époque), PNG s'est imposé comme le standard pour les images nécessitant la transparence ou une qualité parfaite.

Caractéristiques techniques

• Compression : sans perte (DEFLATE)
• Profondeur de couleur : 1 à 48 bits (PNG-8, PNG-24, PNG-48)
• Transparence : canal alpha complet (256 niveaux de transparence)
• Animation : APNG (extension, pas toujours supportée)
• Interlacement : Adam7 (chargement progressif)
• Taille typique : 100 KB - 5 MB selon contenu

Types de PNG

PNG-8 : 256 couleurs maximum, similaire au GIF, très léger PNG-24 : 16,7 millions de couleurs, transparence binaire (opaque/transparent) PNG-32 : PNG-24 + canal alpha (transparence partielle/gradients)

Points forts

• Transparence parfaite : alpha channel avec 256 niveaux, dégradés sur fond transparent
• Sans perte : idéal pour captures d'écran, interfaces, texte
• Couleurs fidèles : pas d'artéfact de compression
• Support universel : tous navigateurs et applications
• Idéal pour logos : contours nets sur tout fond

Points faibles

• Fichiers lourds : particulièrement pour les photos naturelles
• Pas de compression adaptée aux photos : JPEG 85 % d'une photo = PNG de la même photo × 3-10
• Pas d'animation native (APNG est une extension)
• Médiocre pour les photos : mauvais ratio qualité/taille

Quand utiliser PNG

• Logos et icônes sur fond transparent
• Captures d'écran d'interfaces
• Images avec texte intégré
• Illustrations avec aplats de couleurs et contours nets
• Images destinées à être éditées ultérieurement (archivage source)
• Graphiques et diagrammes précis

---

WebP

Historique et contexte

Développé par Google et introduit en 2010, WebP a mis une décennie à s'imposer du fait de problèmes de compatibilité. Depuis 2022, il est supporté par la quasi-totalité des navigateurs et est devenu le standard recommandé pour le web.

Caractéristiques techniques

• Compression : avec perte (dérivé de VP8) et sans perte (algorithme propriétaire)
• Profondeur de couleur : 8 bits par canal
• Transparence : oui (canal alpha)
• Animation : oui (concurrent de GIF et APNG)
• HDR : non (contrairement à AVIF)
• Support navigateurs : 96,6 % (Can I Use, 2024)
• Taille typique : 20-150 KB pour les images web courantes

Gains de compression

Par rapport à JPEG (même qualité perçue) :

• Photos : -25 à -34 %
• Images avec transparence (vs PNG) : -26 %

Par rapport à PNG (lossless) :

• -26 % en moyenne

Points forts

• Meilleure compression que JPEG et PNG à qualité équivalente
• Transparence comme PNG mais avec animation possible
• Animation plus légère que GIF (-64 % en moyenne selon Google)
• Recommandé par Google : inclus dans les audits PageSpeed Insights
• Idéal pour les Core Web Vitals : améliore directement le LCP

Points faibles

• Qualité à très haute compression : artéfacts plus visibles que JPEG pour des taux extrêmes
• Pas de support HDR : AVIF est supérieur pour les écrans HDR10
• Logiciels de retouche : pas toujours géré nativement (Photoshop depuis 2022, GIMP depuis 2.10)
• Profils ICC limités : moins adapté au flux de travail impression

Quand utiliser WebP

• Toutes les images web en général (remplacement de JPEG et PNG)
• Images de blog et articles
• Photos de produits e-commerce
• Galeries et portfolios
• Animations légères (remplacer les GIF)
• Images de hero et bannières

Compatibilité et fallback

Pour les rares navigateurs sans support WebP (IE11, Safari < 14) :

<picture>
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" alt="Description de l'image">
</picture>

---

AVIF (AV1 Image File Format)

Historique et contexte

AVIF est le petit nouveau des formats web, dérivé du codec vidéo AV1 développé par l'Alliance for Open Media (Google, Netflix, Apple, Microsoft, Mozilla...). Standardisé en 2019, il offre des performances de compression supérieures à WebP.

Caractéristiques techniques

• Compression : avec perte et sans perte (codec AV1)
• Profondeur de couleur : 8, 10 et 12 bits par canal
• HDR : oui (HDR10, HLG)
• Wide color gamut : oui (Rec. 2020, P3)
• Transparence : oui
• Animation : oui
• Support navigateurs : 90,2 % (Can I Use, 2024, en progression)
• Encodage : lent (point négatif important)

Gains de compression vs WebP

• Photos : -20 à -40 % supplémentaires vs WebP
• Images synthétiques : avantages variables

Points forts

• Compression maximale : meilleur format disponible pour la taille/qualité
• HDR natif : seul format web grand public gérant le HDR et wide color gamut
• 10 et 12 bits : gradients ultra-lisses, banding éliminé
• Libre de droits : pas de royalties contrairement à HEIC

Points faibles

• Encodage lent : plusieurs secondes à minutes pour une image haute résolution
• Décodage : plus gourmand en CPU que WebP (impact sur appareils anciens)
• Support : encore inférieur à WebP (90 % vs 96 %)
• Outils : moins d'outils de conversion disponibles

Quand utiliser AVIF

• Sites avec audience majoritairement sur navigateurs modernes
• Images HDR pour écrans OLED/QLED premium
• Projets prioritaires sur la performance maximale
• En combinaison avec WebP comme fallback :

<picture>
  <source srcset="image.avif" type="image/avif">
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" alt="Description">
</picture>

---

SVG (Scalable Vector Graphics)

Historique et contexte

SVG est un format vectoriel basé sur XML, standardisé par le W3C depuis 1999. Contrairement aux formats raster (JPEG, PNG, WebP), SVG décrit des formes mathématiques plutôt que des pixels.

Caractéristiques techniques

• Type : vectoriel (mathématique, pas raster)
• Résolution : infinie, pas de pixelisation
• Compression : gzip (SVGZ) ou intégré dans gzip HTTP
• Transparence : oui
• Animation : oui (CSS, SMIL, JavaScript)
• Interactivité : oui (JavaScript, événements CSS)
• Taille typique : 1-100 KB pour des logos, icônes, illustrations

Points forts

• Résolution infinie : parfait pour tous les écrans (Retina, 4K, 8K)
• Taille de fichier réduite pour les graphiques simples
• Stylisable en CSS : couleurs, opacité, animations
• Indexable : Google indexe le contenu texte dans les SVG
• Accessible : supporte aria-label, title, desc
• Modifiable : éditable dans n'importe quel éditeur de texte

Points faibles

• Pas adapté aux photos : les photos raster ne peuvent pas être converties en vrai SVG
• Complexité : les SVG complexes avec de nombreux nœuds peuvent être lourds
• Risque XSS : les SVG peuvent contenir du JavaScript malveillant
• Rendu variable : légères différences entre navigateurs pour les polices SVG

Quand utiliser SVG

• Logos (toujours)
• Icônes et pictogrammes
• Illustrations et infographies
• Graphiques et visualisations de données
• Diagrammes et schémas
• Motifs et textures répétables
• Animations légères

Sécurité SVG

Ne jamais afficher des SVG uploadés par des utilisateurs sans les sanitiser. Un SVG peut contenir du JavaScript exécutable (XSS). Utilisez des bibliothèques comme DOMPurify pour nettoyer les SVG avant affichage.

---

GIF (Graphics Interchange Format)

Historique et contexte

Créé par CompuServe en 1987, GIF est le doyen des formats web. Il doit sa survie à une seule fonctionnalité : l'animation. Sans celle-ci, il aurait disparu depuis longtemps.

Caractéristiques techniques

• Compression : sans perte (LZW)
• Couleurs : 256 maximum (palette indexée)
• Transparence : binaire uniquement (pixel opaque ou transparent, pas de semi-transparence)
• Animation : oui (point fort historique)
• Support : 100 % des navigateurs

Points forts

• Animation universelle : le seul format animé garanti sur 100 % des clients
• Compatibilité : fonctionne dans les emails HTML (avantage majeur)
• Mèmes et culture web : format culturel ancré

Points faibles

• 256 couleurs maximum : bandes de couleurs visibles, photos impossibles
• Fichiers énormes : un GIF de 3 secondes peut peser 5-10 MB
• Dépassé : WebP animé fait la même chose à 60-80 % de taille en moins
• Pas de son

Quand utiliser GIF (encore)

• Emails HTML : seul format animé supporté universellement dans les clients email
• Intégrations sur plateformes ne supportant pas WebP animé
• Culture et mèmes (Tenor, Giphy)

Pour tout le reste : utilisez WebP animé ou vidéo MP4 autoplay/loop.

---

HEIC / HEIF (High Efficiency Image Container)

Historique et contexte

Développé par le Moving Picture Experts Group (MPEG) et adopté par Apple en 2017 comme format photo par défaut sur iPhone (iOS 11+), HEIC offre une compression supérieure au JPEG.

Caractéristiques techniques

• Compression : avec perte (HEVC/H.265)
• Profondeur de couleur : jusqu'à 16 bits
• HDR : oui
• Transparence : oui
• Animation : oui (Live Photos Apple)
• Support : natif sur Apple, limité ailleurs

Points forts

• Compression excellente : ~50 % plus légère que JPEG à qualité équivalente
• HDR et wide color : supporte les espaces colorimétriques étendus
• Profondeur couleur : 10 et 12 bits pour gradients parfaits

Points faibles

• Licences : format breveté (royalties), contrairement à AVIF ou WebP
• Compatibilité web : pas supporté par Firefox, limité sur Android
• Conversion nécessaire : doit être converti pour le web

Quand utiliser HEIC

HEIC est excellent comme format source sur les appareils Apple. Pour le web, il doit obligatoirement être converti en WebP ou AVIF. Utilisez un convertisseur pour transformer vos HEIC en WebP avant publication.

---

TIFF (Tagged Image File Format)

Historique et contexte

TIFF a été créé en 1986 pour standardiser les images des scanners. Il reste le standard de facto pour la photographie professionnelle et l'impression.

Caractéristiques techniques

• Compression : sans perte (LZW, ZIP) ou avec perte (JPEG intégré) ou aucune
• Profondeur de couleur : jusqu'à 64 bits par canal
• Couches : supporte les calques (limitativement)
• Espace colorimétrique : sRGB, AdobeRGB, CMJN, Lab
• Taille : plusieurs dizaines à centaines de MB pour des RAW 50 MP

Quand utiliser TIFF

• Archivage professionnel : préservation de la qualité maximale
• Impression offset : flux CMJN pour imprimeries
• Photographie scientifique : données brutes sans perte
• Logiciels professionnels : Photoshop, Lightroom, InDesign

Jamais pour le web : les fichiers TIFF sont beaucoup trop lourds.

---

BMP (Bitmap)

Format Windows historique (1988), sans compression significative. Un BMP de 10 MP peut peser 30 MB non compressé. Utilisation web : aucune. Convertissez en WebP ou PNG immédiatement.

---

Tableau comparatif récapitulatif

Format	Compression	Transparence	Animation	HDR	Support web	Usage idéal
JPEG	Perte	Non	Non	Non	100 %	Photos legacy
PNG	Sans perte	Oui	APNG	Non	100 %	Logos, UI, captures
WebP	Les deux	Oui	Oui	Non	96,6 %	Toutes images web
AVIF	Les deux	Oui	Oui	Oui	90,2 %	Performance maximale
SVG	Vectoriel	Oui	Oui	N/A	100 %	Logos, icônes, illustrations
GIF	Sans perte	Partielle	Oui	Non	100 %	Animations emails
HEIC	Perte	Oui	Oui	Oui	Limité	Source mobile Apple
TIFF	Sans/Perte	Oui	Non	Oui	Aucun	Impression, archivage
BMP	Aucune	Non	Non	Non	Faible	Aucun (web)

---

Guide de décision rapide

Je veux mettre une photo sur mon site web → WebP (JPEG en fallback)

Je veux afficher un logo avec transparence → SVG si vectoriel, WebP sinon

Je veux une animation légère → WebP animé (ou vidéo MP4 loop)

Je veux la performance maximale → AVIF + WebP + JPEG (3 sources <picture>)

Je veux une icône ou illustration → SVG

J'ai un GIF à moderniser → Convertir en WebP animé ou MP4 loop

Je reçois des HEIC d'un iPhone → Convertir en WebP avant publication

Je prépare un document pour l'impression → TIFF ou PDF

Je veux archiver sans perte → PNG (petite image) ou TIFF (photo)

---

L'avenir des formats images

Formats émergents à surveiller

JPEG XL (.jxl) : développé par le Comité JPEG, offre une compression proche d'AVIF avec un décodage beaucoup plus rapide et une rétrocompatibilité JPEG (le décodeur JPEG peut lire partiellement un JPEG XL). Support navigateur : en cours (Chrome expérimental, Firefox en test).

JPEG XS : variante à latence ultra-faible pour la vidéo professionnelle et la réalité virtuelle, pas pertinent pour le web grand public.

Prédiction 2025-2027

• WebP : reste le standard dominant pour 3-5 ans
• AVIF : progressivement standard sur les navigateurs modernes, particulièrement pour les écrans HDR
• JPEG XL : adoption potentielle si Chrome finalise le support
• JPEG : déclin lent mais maintenu pour la compatibilité maximale

---

Conclusion

Chaque format d'image a sa raison d'être. En 2025, la stratégie optimale pour le web est :

1. WebP comme format principal pour toutes les images
2. SVG pour tous les éléments vectoriels (logos, icônes)
3. AVIF en bonus pour les navigateurs modernes via <picture>
4. JPEG uniquement en fallback pour la compatibilité maximale
5. GIF réservé aux emails et cas spécifiques

Pour convertir rapidement vos images existantes (JPEG, PNG, GIF, HEIC, BMP) vers WebP, des outils comme WebConv permettent de traiter vos fichiers en batch avec contrôle précis de la compression, directement dans votre navigateur.

La maîtrise des formats d'images est une compétence fondamentale pour tout développeur web ou créateur de contenu numérique. En comprenant les forces et faiblesses de chaque format, vous pouvez prendre des décisions éclairées qui améliorent à la fois la performance de votre site et l'expérience de vos utilisateurs.