# Chrome 155 adopte JPEG XL : faut-il remplacer WebP et AVIF sur son site ?

> Chrome 155 adopte JPEG XL. Découvrez ses avantages face à AVIF et WebP, ses limites et les bonnes pratiques pour optimiser votre site.

Développement web · Images et performance

## Chrome 155 adopte JPEG XL : faut-il remplacer WebP et AVIF sur son site ?

Google intègre JPEG XL à Chrome 155 : compression, compatibilité, performance et SEO. Faut-il réellement migrer depuis WebP ou AVIF ?

![Chrome 155 adopts JPEG XL — JPEG XL, WebP and AVIF image compression comparison](https://sdx-development.com/media/News/chrome-155-adopte-jpeg-xl-faut-il-remplacer-webp-et-avif-sur-son-site/chrome-155-adopte-jpeg-xl-vignette.webp?v=1791626481)

[Développement web](https://sdx-development.com/actualites/developpement-web)Publié le 10 octobre 2026 à 12:01

Le 6 octobre 2026, Google a annoncé la prise en charge du format d’image **JPEG XL (.jxl)** à partir de Chrome 155. Compression plus efficace, haute fidélité et affichage progressif : cette évolution ouvre des possibilités pour les sites riches en visuels. Mais faut-il déjà abandonner WebP et AVIF ?

 

Google annonce une compression **30 à 50 % plus efficace que celle du JPEG traditionnel**, ainsi que plusieurs fonctionnalités adaptées à la photographie. Ce chiffre concerne le JPEG classique : **il ne garantit pas un gain identique face à WebP ou AVIF**. Le résultat dépend du contenu des images et des réglages d’encodage.

 

À retenir 

## Une alternative prometteuse, pas une migration obligatoire

 

JPEG XL devient plus accessible avec Chrome 155. Pour un site déjà bien optimisé en WebP ou AVIF, la bonne approche est de comparer les formats à qualité équivalente et de conserver une solution de repli pour les navigateurs non compatibles.

 

**Dans cet article** 

[Les nouveautés](https://sdx-development.com/actualites/developpement-web/chrome-155-jpeg-xl-optimisation-images-web#format-jpeg-xl)[Comparer les formats](https://sdx-development.com/actualites/developpement-web/chrome-155-jpeg-xl-optimisation-images-web#formats-comparaison)[Compatibilité](https://sdx-development.com/actualites/developpement-web/chrome-155-jpeg-xl-optimisation-images-web#compatibilite-jxl)[Performance et SEO](https://sdx-development.com/actualites/developpement-web/chrome-155-jpeg-xl-optimisation-images-web#performance-seo-jxl)[Intégration](https://sdx-development.com/actualites/developpement-web/chrome-155-jpeg-xl-optimisation-images-web#integration-jxl)[Faut-il migrer ?](https://sdx-development.com/actualites/developpement-web/chrome-155-jpeg-xl-optimisation-images-web#migration-jxl)

 

## JPEG XL : un format moderne pour des images plus légères

 

JPEG XL utilise l’extension ` .jxl ` et le type MIME ` image/jxl `. Il a été conçu pour combiner compression efficace et préservation des détails, avec des fonctionnalités utiles aux développeurs et aux photographes.

 
- **Compression améliorée :** Google évoque un gain de 30 à 50 % face au JPEG traditionnel, selon les images et les paramètres utilisés.
- **Compression avec ou sans perte :** JPEG XL permet de privilégier soit le poids du fichier, soit la fidélité exacte des pixels.
- **HDR et gamme de couleurs étendue :** il prend en charge des images plus riches et une profondeur de couleur élevée.
- **Affichage progressif :** un navigateur compatible peut afficher une première version de l’image au cours du téléchargement, avant de préciser les détails.
- **Conversion JPEG réversible :** dans son mode de transcodage sans perte, JPEG XL permet de reconstruire le JPEG d’origine.
 

Ces avantages sont particulièrement intéressants pour les portfolios de photographes, les sites immobiliers, les catalogues de produits et les projets où les grandes images représentent une part significative du poids des pages.

 

Sur Chrome, l’implémentation repose sur **` jxl-rs `, un décodeur développé en Rust**. Google met en avant ce choix pour mieux maîtriser les risques liés au traitement de fichiers images non fiables, tout en recherchant de bonnes performances.

 

## JPEG XL est-il meilleur qu’AVIF ou WebP ?

 

**Pas systématiquement.** AVIF peut produire d’excellents résultats sur de nombreuses photographies. WebP reste une solution mature et largement compatible. JPEG XL présente un intérêt particulier pour les images haute fidélité, les besoins sans perte, le HDR et certains cas de chargement progressif.

 

| Format | Point fort | Limite principale | Usage conseillé |
| --- | --- | --- | --- |
| JPEG | Compatibilité historique | Compression souvent moins efficace | Format de secours |
| WebP | Bon compromis poids et compatibilité | Pas toujours optimal sur les photos exigeantes | Sites vitrines et catalogues |
| AVIF | Compression très efficace sur de nombreuses photos | Encodage et résultats variables | Photos optimisées pour le web |
| JPEG XL | Haute fidélité, sans perte, HDR et progressif | Compatibilité selon navigateur et version | Photographies riches et galeries |

 

La comparaison doit partir des **mêmes images, aux mêmes dimensions et à un niveau de qualité visuelle équivalent**. Il faut ensuite mesurer le poids des fichiers, le temps d’encodage et le rendu sur les appareils ciblés.

 

À tester en priorité 

### Portfolios et photographie

 

Les visuels détaillés, les images HDR et les besoins de haute fidélité profitent particulièrement des caractéristiques de JPEG XL.

 

Ne pas migrer par réflexe 

### Sites déjà optimisés

 

Si WebP et AVIF offrent déjà de bons résultats, mieux vaut vérifier le bénéfice réel avant de modifier tout le pipeline d’images.

 

Mesurer au cas par cas 

### Catalogues e-commerce

 

Une comparaison sur un échantillon de photos produit est plus fiable qu’un pourcentage générique de compression.

 

Garder le format adapté 

### Icônes et interfaces

 

Pour de nombreux pictogrammes et illustrations vectorielles, SVG reste un choix plus approprié qu’un nouveau format photographique.

 

## Chrome, Safari et Firefox : une compatibilité en progression

 

Chrome 155 adopte le décodage JPEG XL. Safari prend en charge le format depuis plusieurs versions, mais certaines fonctionnalités, notamment l’affichage progressif pendant le téléchargement, ne sont pas proposées de la même façon. Mozilla a annoncé en août 2026 son intention de déployer JPEG XL dans Firefox avec un décodeur Rust.

 

**La compatibilité n’est donc pas encore universelle.** Il faut tenir compte des anciennes versions et des navigateurs effectivement utilisés par les visiteurs. Une image JPEG XL proposée seule pourrait rester invisible sur certains appareils.

 

## Quelles conséquences pour les performances web et le SEO ?

 

En réduisant les octets téléchargés, un format plus efficace peut accélérer l’affichage d’une page, notamment sur les connexions mobiles. Sur une image principale, ce gain peut contribuer au **Largest Contentful Paint (LCP)**, l’un des Core Web Vitals.

 

Mais **JPEG XL n’améliore pas automatiquement le référencement Google**. Les dimensions de l’image, sa priorité de chargement, le cache, les performances du serveur et les scripts tiers influencent également les résultats. Une image légère mais chargée trop tard peut rester problématique.

 

L’enjeu n’est donc pas d’utiliser le format le plus récent : il est de mesurer l’expérience réellement vécue par les visiteurs, avec des outils de performance et des données de terrain.

 

## Comment proposer JPEG XL sans perdre les navigateurs non compatibles ?

 

L’élément HTML ` <picture> ` permet de fournir plusieurs formats d’une même image. Le navigateur sélectionne la première source qu’il sait décoder, avec une image de secours à la fin.

 

```
<picture>
  <source srcset="photo.jxl" type="image/jxl">
  <source srcset="photo.webp" type="image/webp">
  <img src="photo.jpg"
       width="1200" height="800"
       alt="Exemple de photographie"
       loading="lazy">
</picture>
```

 

Cet exemple suppose que les trois fichiers existent et que le serveur délivre les types MIME corrects. Pour l’image principale située au-dessus de la ligne de flottaison, il peut être préférable de ne pas utiliser ` loading="lazy" `. L’attribut ` alt `, les dimensions et le choix des ressources restent importants.

 

## Une adoption progressive en six étapes

 

Avant de migrer toutes les images d’un site, un test ciblé permet de vérifier les gains réels.

 
1. **Sélectionner des images représentatives** : produits, paysages, portraits, galeries et visuels détaillés.
2. **Encoder en plusieurs formats** : JPEG XL, AVIF et WebP avec des qualités comparables.
3. **Mesurer le poids et la fidélité** sans se limiter au seul nombre de kilo-octets.
4. **Vérifier les navigateurs** et les versions utilisés par le public réel.
5. **Conserver un format de secours** grâce à ` <picture> ` et aux bonnes réponses serveur.
6. **Comparer les mesures de terrain** : LCP, poids transféré et affichage sur mobile.

 

## Faut-il migrer son site vers JPEG XL dès maintenant ?

 

Pour un site déjà correctement optimisé en WebP ou AVIF, **aucune migration urgente ne s’impose**. La bonne démarche consiste à choisir quelques images, à comparer les formats et à vérifier le rendu sur les navigateurs concernés. Une adoption plus large doit être guidée par les résultats de ces tests.

 

JPEG XL mérite davantage d’attention lorsqu’un projet utilise de grandes photographies, cherche une compression sans perte ou profite d’un affichage progressif. Il ne remplace toutefois ni un dimensionnement adapté des images, ni une stratégie de cache, ni une optimisation globale de la page.

 

**À retenir : l’arrivée de JPEG XL dans Chrome 155 est une avancée utile, pas la fin de WebP et AVIF.** Chez SDX Development, le choix d’un format d’image s’inscrit dans une démarche plus large de performance web, d’accessibilité et d’expérience utilisateur.

 

Sources officielles et méthode 4 références

 

- [Google Chrome for Developers — Shipping JPEG XL in Chrome](https://developer.chrome.com/blog/jpeg-xl-in-chrome), 6 octobre 2026.
- [Mozilla Hacks — Intent to Ship: JPEG XL](https://hacks.mozilla.org/2026/08/intent-to-ship-jpeg-xl/), 24 août 2026.
- [MDN — Image file type and format guide](https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Image_types).
- [MDN — HTML picture element](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/picture).

DÉVELOPPEMENT WEB

## Préparez les évolutions de votre application web.

Migration PHP, mise à jour de CMS ou évolution de framework : identifiez les points de compatibilité et validez les parcours essentiels avant la mise en ligne.

- Compatibilité des dépendances vérifiée
- Parcours essentiels testés en préproduction
- Mise en ligne avec possibilité de retour arrière

[Préparer votre évolution](https://sdx-development.com/contact)[Voir les expertises](https://sdx-development.com/expertises)

---

[Consulter la page HTML](https://sdx-development.com/actualites/developpement-web/chrome-155-jpeg-xl-optimisation-images-web)
