Choisir le bon format d'image n'est pas une décision anodine. Sur le web, chaque fichier image porte une extension qui détermine sa compression, sa qualité visuelle, sa compatibilité navigateur et son impact sur les performances. Toutes les extensions qui correspondent à des formats d'images ne se valent pas, et confondre un PNG avec un JPEG peut coûter des secondes de chargement ou une perte de qualité irrémédiable. Entre les formats historiques comme le GIF et les nouveaux venus comme l'AVIF, le choix s'est considérablement complexifié. Cet inventaire complet vous permettra de comprendre chaque format, ses usages réels et ses limites concrètes.
Pourquoi les formats d'images structurent le web moderne
Une image sur le web n'est pas un simple fichier visuel. C'est un ensemble de données encodées selon des règles précises, définies par des organismes comme le W3C ou l'ISO. Ces règles déterminent comment les pixels sont stockés, compressés et restitués par le navigateur. La moindre variation dans l'algorithme de compression change radicalement le poids du fichier et la fidélité des couleurs affichées.
Le format d'une image influence directement le Core Web Vitals d'un site, notamment le Largest Contentful Paint (LCP). Google mesure la vitesse de chargement des images comme signal de classement. Un mauvais choix de format peut donc pénaliser un site dans les résultats de recherche, indépendamment de la qualité du contenu.
Les formats se divisent en deux grandes familles : les formats raster (ou bitmap), qui stockent l'image pixel par pixel, et les formats vectoriels, qui décrivent les formes mathématiquement. Un logo en SVG peut être agrandi à l'infini sans dégradation. Une photo en JPEG pixellise dès qu'on dépasse sa résolution native. Cette distinction de base guide la plupart des décisions pratiques.
Les navigateurs ne supportent pas tous les formats de façon uniforme. Safari, Chrome et Firefox ont des historiques de compatibilité différents, ce qui a longtemps freiné l'adoption de formats pourtant supérieurs techniquement. La situation s'est stabilisée ces dernières années, avec une convergence autour des formats modernes.
Tour d'horizon des extensions qui correspondent à des formats d'images
Le format JPEG (extensions .jpg et .jpeg) reste le plus répandu pour les photographies numériques. Son algorithme de compression avec perte réduit le poids des fichiers de façon spectaculaire, au prix d'une légère dégradation de l'image à chaque sauvegarde. Un JPEG compressé à 80 % offre généralement un bon compromis entre qualité et légèreté. Ce format ne supporte pas la transparence.
Le PNG (extension .png) adopte une compression sans perte. Chaque pixel est conservé tel quel, ce qui en fait le format de référence pour les graphiques, captures d'écran et logos avec fond transparent. Le PNG-8 supporte 256 couleurs ; le PNG-24 gère des millions de nuances et un canal alpha complet. Ses fichiers sont nettement plus lourds que les JPEG équivalents.
Le GIF (extension .gif) a traversé les décennies grâce à sa capacité d'animation. Limité à une palette de 256 couleurs, il convient aux illustrations simples et aux animations courtes. Pour les photos, il produit des résultats médiocres. Le format APNG (extension .apng) est une alternative plus récente qui supporte l'animation avec des millions de couleurs.
Le SVG (extension .svg) est un format vectoriel basé sur du code XML. Il décrit les formes, les tracés et les couleurs de façon mathématique. Un fichier SVG est souvent plus léger qu'un PNG pour un logo, et il s'adapte à toutes les résolutions d'écran sans perte. On peut le modifier directement en éditant le code ou via CSS, ce qui le rend particulièrement souple pour le web.
Le WebP (extension .webp), développé par Google et présenté en 2010, combine les avantages du JPEG et du PNG : compression avec ou sans perte, support de la transparence, support de l'animation. À qualité visuelle équivalente, un WebP pèse environ 25 à 35 % de moins qu'un JPEG. Sa compatibilité navigateur est aujourd'hui quasi universelle.
D'autres extensions méritent d'être connues : le BMP (.bmp) stocke les pixels bruts sans compression, produisant des fichiers très lourds ; le TIFF (.tiff ou .tif) est plébiscité en impression professionnelle pour sa qualité maximale ; le ICO (.ico) sert exclusivement aux favicons des navigateurs ; le HEIC (.heic) est le format photo par défaut des iPhone depuis iOS 11.
Tableau comparatif des principaux formats
| Format | Extension(s) | Compression | Transparence | Animation | Avantages | Inconvénients |
|---|---|---|---|---|---|---|
| JPEG | .jpg / .jpeg | Avec perte | Non | Non | Léger, universel, idéal photos | Dégradation à chaque sauvegarde |
| PNG | .png | Sans perte | Oui | Non | Qualité parfaite, transparence | Fichiers lourds |
| GIF | .gif | Sans perte (LZW) | Partielle | Oui | Animation simple, compatible partout | 256 couleurs max |
| SVG | .svg | Vectoriel | Oui | Oui (CSS/JS) | Infiniment scalable, modifiable | Inadapté aux photos |
| WebP | .webp | Avec ou sans perte | Oui | Oui | Très léger, polyvalent | Support partiel sur anciens systèmes |
| AVIF | .avif | Avec ou sans perte | Oui | Oui | Compression supérieure, HDR | Encodage lent, support encore incomplet |
Les formats émergents qui redéfinissent la compression d'images
L'AVIF (extension .avif) est le format qui suscite le plus d'intérêt depuis quelques années. Dérivé du codec vidéo AV1, il offre une compression nettement supérieure au WebP, avec un support natif du HDR (High Dynamic Range) et des espaces colorimétriques étendus. Des tests publiés par Netflix en 2020, qui utilise AVIF pour ses images de couverture, ont montré des réductions de poids de l'ordre de 50 % par rapport au JPEG à qualité perçue équivalente.
Son principal frein reste la vitesse d'encodage. Générer un fichier AVIF prend nettement plus de temps qu'un WebP, ce qui peut poser problème sur des plateformes qui traitent des milliers d'images à la volée. Les navigateurs modernes le supportent largement, mais certains environnements embarqués ou anciens systèmes restent à la traîne.
Le format JPEG XL (extension .jxl) est une autre piste prometteuse, standardisée par l'ISO en 2022. Il supporte la compression avec et sans perte, offre une qualité visuelle supérieure au JPEG classique et permet même de ré-encoder des JPEG existants sans perte supplémentaire. Chrome a temporairement intégré son support avant de le retirer en 2023, ce qui illustre la bataille de standards encore en cours.
Le HEIF (extension .heif) et son déclinaison HEIC s'appuient sur le codec HEVC. Apple les a adoptés massivement pour les photos iPhone. Leur compression est excellente, mais des problèmes de licences ont freiné leur adoption sur le web ouvert. Les développeurs web les rencontrent surtout lors de l'import de photos depuis des appareils mobiles Apple.
Choisir le format selon le contexte d'utilisation
La décision dépend de quatre paramètres : le type de contenu visuel, la nécessité ou non de la transparence, la cible navigateur et les contraintes de performance. Pour une photographie destinée au web grand public, le WebP s'impose comme premier choix, avec un fallback JPEG pour les rares navigateurs non compatibles.
Un logo ou une icône gagne presque toujours à être en SVG. Le fichier est léger, modifiable via CSS et parfaitement net sur tous les écrans, y compris les dalles Retina 4K. Si le SVG n'est pas possible (image complexe, photo stylisée), le PNG prend le relais pour conserver la transparence.
Les animations légères ont longtemps été l'apanage du GIF. Aujourd'hui, un WebP animé ou une vidéo MP4 courte en autoplay offrent une bien meilleure qualité pour un poids souvent dix fois inférieur. Le GIF reste pertinent pour sa compatibilité universelle dans les messageries instantanées et les emails.
Pour les projets qui ciblent une audience large et des navigateurs récents, intégrer l'AVIF via la balise <picture> avec des fallbacks WebP et JPEG est la stratégie la plus robuste. Cette approche progressive garantit la meilleure qualité possible à chaque utilisateur selon les capacités de son navigateur, sans sacrifier la compatibilité.
Les formats RAW (comme .cr2, .nef, .arw) méritent une mention : ils stockent les données brutes du capteur photographique sans aucun traitement. Réservés à la photographie professionnelle et au post-traitement, ils n'ont pas leur place directement sur le web mais constituent souvent le point de départ avant conversion vers un format adapté à la diffusion en ligne.
