Passer au contenu

AVIF vs JPEG XL : le comparatif

Le JPEG XL est sans doute le meilleur format. L'AVIF est celui que vous pouvez utiliser. Une brève histoire de la façon dont cela s'est produit.

Utilisez l'AVIF, car il est pris en charge par tous les principaux navigateurs, contrairement au JPEG XL. Sur la plupart des critères techniques, le JPEG XL est le format le plus performant, offrant un transcodage JPEG sans perte, un décodage progressif et une excellente qualité par octet. Il est également, à des fins pratiques, impossible à déployer sur le web ouvert.

Chrome a supprimé la prise en charge du JPEG XL en 2023, invoquant un intérêt insuffisant de l'écosystème, et sans Chrome, un format d'image web ne peut pas s'imposer. L'AV1 Image File Format (AVIF) a eu l'avantage de s'appuyer sur l'AV1, un codec vidéo dans lequel les éditeurs de navigateurs investissaient déjà. La meilleure technologie a perdu face à celle qui disposait de la force de distribution la plus puissante, ce qui n'est pas un schéma nouveau.

Comparatif des 2 formats

Le JPEG XL l'emporte sur la vitesse d'encodage, le chargement progressif et la conversion JPEG sans perte, tandis que l'AVIF l'emporte sur le seul critère décisif pour le déploiement, à savoir la prise en charge par les navigateurs.

FonctionnalitéAVIFJPEG XL
Prise en charge des navigateursTous les principaux navigateursLimitée, absent de Chrome
Compression sur les photographiesExcellenteExcellente, légèrement supérieure
Vitesse d'encodageLenteRapide
Décodage progressifNonOui
Transcodage JPEG sans perteNonOui, environ 20 % plus léger
Performance sur petits fichiersMédiocre en dessous de 10 KBBonne
Prise en charge des animationsOuiOui

La ligne concernant le transcodage JPEG sans perte représente la fonctionnalité que le web a perdue. Le JPEG XL peut ré-empaqueter un JPEG existant pour le rendre environ 20 % plus léger et le reconvertir en un fichier d'origine identique, ce qui aurait permis de réduire la taille des archives sans aucun risque.

Pourquoi Chrome a retiré le JPEG XL

Chrome a invoqué un intérêt insuffisant de l'écosystème, un avantage limité par rapport aux formats existants et le coût de maintenance d'un décodeur supplémentaire. La décision a été annoncée en 2022 et a pris effet en 2023.

Ce raisonnement était contesté à l'époque et le reste aujourd'hui. Les partisans ont souligné des avantages de compression mesurables et le soutien de plusieurs grands éditeurs d'images. L'argument inverse était que l'AVIF offrait déjà la majeure partie des avantages en utilisant un décodeur que les navigateurs intégraient déjà pour la vidéo. Quel que soit le point de vue correct, un format sans Chrome ne peut pas être proposé à la majorité du trafic web.

Où le JPEG XL est-il encore utilisé ?

Le JPEG XL survit dans la photographie professionnelle, l'archivage et les logiciels Apple, où un seul fournisseur contrôle l'ensemble de la chaîne. Safari a ajouté sa prise en charge en 2023, ce qui maintient le format en vie sur les plateformes Apple.

  • Les archives photo utilisent le transcodage JPEG sans perte pour réduire le stockage sans risque de perte.
  • Les flux de travail des appareils photo professionnels bénéficient de la profondeur de bits élevée et de la large gamme de couleurs.
  • Les plateformes Apple peuvent le décoder, ce qui le rend viable au sein d'écosystèmes fermés.
  • L'imagerie médicale et scientifique apprécie le mode sans perte et le décodage progressif.
  • Pas le web ouvert, où un format doit fonctionner sur tous les navigateurs pour être utilisable.

Quand utiliser l'AVIF sur un site web

Utilisez l'AVIF sur vos plus grandes photographies, où il permet d'économiser 20 à 30 % par rapport au WebP. L'avantage augmente avec la taille de l'image et disparaît sur les petits graphiques.

Les images de couverture, les bannières pleine largeur et les galeries de photos sont les cas d'utilisation évidents. En dessous de 10 KB environ, un fichier AVIF est fréquemment plus lourd que son équivalent WebP, car le surcoût du conteneur l'emporte sur le gain de compression. Diviser une bibliothèque par taille, avec de l'AVIF sur les images lourdes et du WebP sur tout le reste, permet de capter la majeure partie des avantages sans le coût d'encodage.

Le coût de l'encodage AVIF

L'AVIF s'encode plusieurs fois plus lentement que le WebP, ce qui importe pour les lots importants plutôt que pour les images uniques. Une photographie qui se convertit en WebP en moins d'une seconde peut prendre plusieurs secondes en AVIF.

Sur un lot de 500 images, la différence se mesure en minutes. Ce coût est payé une seule fois par image et plus jamais, puisque le décodage est rapide dans tous les navigateurs compatibles. Planifiez une conversion importante lorsque la machine est libre, et gardez l'onglet du navigateur au premier plan, car les navigateurs ralentissent les onglets en arrière-plan et freinent considérablement le travail.

Comment diffuser l'AVIF en toute sécurité

Pour utiliser l'AVIF sans pénaliser les anciens navigateurs, suivez ces 5 étapes.

  1. Identifiez les images les plus grandes de chaque page, qui sont généralement les bannières de couverture et les photographies principales.
  2. Réduisez chaque image à la largeur qu'elle occupe sur la page, doublée pour les écrans haute densité.
  3. Convertissez en AVIF avec une qualité de 60 à 70, car l'AVIF conserve les détails à des valeurs inférieures à celles du JPEG.
  4. Convertissez la même source en WebP comme deuxième option et conservez le JPEG d'origine comme solution de secours finale.
  5. Proposez les 3 formats via un élément picture avec l'AVIF en premier, le WebP en deuxième et le JPEG dans la balise img.

Le navigateur choisit le premier format qu'il comprend, de sorte que rien ne se casse nulle part. Rédiger le code HTML prend généralement plus de temps que de convertir les fichiers.

Les paramètres de qualité AVIF se comportent différemment

Une qualité AVIF de 60 est comparable à une qualité JPEG de 85, de sorte que les chiffres familiers ne se transposent pas. Appliquer les habitudes du JPEG à l'AVIF produit des fichiers bien plus lourds que nécessaire.

Commencez à 60 pour les photographies et ajustez à partir de là. Surveillez un défaut spécifique, car l'AVIF avec des paramètres agressifs a tendance à lisser les textures fines plutôt qu'à produire des blocs, ce qui peut donner à l'herbe, aux cheveux et aux tissus un aspect peint. Cet artefact est moins gênant que les blocs du JPEG et est facile à manquer tant que personne ne le fait remarquer.

Comment un format gagne ou perd

C'est la distribution qui décide du succès des formats d'image, et non le mérite technique, et les éditeurs de navigateurs contrôlent la distribution. Le même schéma a produit le succès du WebP, qui a réussi parce que Chrome l'a intégré, et l'échec du JPEG 2000, qui a échoué malgré ses capacités techniques.

L'AVIF a bénéficié d'une décision prise pour la vidéo plutôt que pour les images. Les éditeurs de navigateurs avaient déjà investi dans l'AV1 pour réduire les coûts de streaming, de sorte qu'un format d'image basé sur le même décodeur ne leur coûtait presque rien à ajouter. Le JPEG XL nécessitait un nouveau décodeur, une nouvelle maintenance et une nouvelle surface de sécurité, pour un avantage que les navigateurs ont jugé marginal par rapport à ce qu'ils proposaient déjà.

Tout cela affecte-t-il les utilisateurs ordinaires ?

Non, la plupart des gens ne choisissent jamais directement un format d'image, et la décision est prise par la plateforme sur laquelle ils publient. Le débat importe aux propriétaires de sites, aux photographes et aux développeurs qui contrôlent leur propre diffusion.

Quiconque publie via une place de marché, un réseau social ou un outil de création de site hébergé téléverse du JPG ou du PNG et laisse la plateforme ré-encoder. La question du format ne vous atteint que lorsque vous contrôlez les fichiers qu'un visiteur télécharge, c'est pourquoi elle domine les discussions sur les performances web et reste invisible partout ailleurs.

Ce que cela signifie pour votre bibliothèque

Conservez des originaux sans perte, publiez en AVIF et WebP, et ignorez le débat sur les formats. Les formats de diffusion changent toutes les quelques années tandis qu'un fichier original reste utile indéfiniment.

Quiconque a converti l'intégralité d'une bibliothèque dans un format de diffusion et supprimé les originaux a déjà été confronté à ce problème. Le stockage est peu coûteux par rapport au fait de devoir photographier à nouveau un catalogue, la stratégie pratique consiste donc à stocker la meilleure version dont vous disposez et à générer des copies de diffusion aussi souvent que le web change d'avis.

Le JPEG XL reviendra-t-il ?

Un retour nécessiterait que Chrome revienne sur sa décision, et aucune annonce ne suggère que cela soit prévu. La prise en charge de Safari et l'intérêt continu des logiciels de photographie empêchent le format de disparaître complètement.

Des formats sont déjà revenus de situations plus difficiles, la question reste donc ouverte. Construire un site web autour de cette possibilité serait imprudent. Utilisez l'AVIF et le WebP pour la diffusion aujourd'hui, conservez les originaux dans un format sans perte, et l'adoption de tout format futur deviendra une simple conversion par lot plutôt qu'une refonte.

Convertir une bibliothèque en AVIF

Convertissez à partir de l'original plutôt qu'à partir d'un JPEG existant, car une source avec perte transfère ses défauts dans le nouveau fichier. L'encodeur AVIF utilise des bits pour décrire des artefacts JPEG qu'il ne peut pas distinguer des détails réels.

Ajoutez jusqu'à 500 fichiers à la fois, ou soumettez une archive ZIP, et l'ensemble du lot s'encode en une seule fois. Tout s'exécute dans votre navigateur sur votre propre processeur, de sorte que les bibliothèques de photos, les travaux de clients et les éléments de campagne non publiés n'atteignent jamais un serveur. L'encodage local signifie également qu'un lot important s'exécute à la vitesse de votre machine plutôt qu'à celle d'un téléversement.

Retour au blog