Transloadit

Que sont les formats de nouvelle génération ?

Les formats d’image de nouvelle génération sont des formats plus récents, tels que WebP, AVIF et JPEG XL, qui visent une meilleure compression, des fonctionnalités supplémentaires, ou les deux. Cette appellation est informelle et évolue avec les formats et leur prise en charge.

Fonctionnement des formats de nouvelle génération

L’expression vient en grande partie de Lighthouse, dont l’audit « Serve images in next-gen formats » est l’endroit où de nombreux développeurs la découvrent. La liste derrière cette appellation a changé : Lighthouse 6 désignait ainsi JPEG 2000, JPEG XR et WebP, tandis que Lighthouse 12 cite WebP et AVIF. La documentation de Chrome intitule désormais l’audit « Serve images in modern formats » et indique qu’il a été intégré à l’analyse « Improve image delivery » à partir de Lighthouse 13. JPEG XL (ISO/IEC 18181) est généralement inclus également. Ces formats diffèrent sensiblement par leurs modes avec et sans perte, la gestion du canal alpha, l’animation, la plage dynamique élevée et les métadonnées, et leur adoption dépend des encodeurs, des navigateurs, des systèmes d’exploitation et des outils de retouche, pas seulement de leur ancienneté.

Points clés

  1. Dans un rapport Lighthouse, cette appellation a un sens précis. Lighthouse 12 évalue les réponses d’image que le navigateur a effectivement chargées : il examine uniquement celles dont le type est BMP, JPEG ou PNG et en répertorie une lorsque l’économie estimée en AVIF atteint au moins 8 192 octets. Une image diffusée en JPEG XL disparaît donc de la liste parce qu’elle n’est pas examinée, et non parce qu’elle est considérée comme moderne. Lorsqu’un navigateur ignore un <source> JPEG XL et charge le JPEG de repli, c’est ce JPEG qui est examiné. L’économie correspond à la taille de l’image chargée moins une taille AVIF estimée qui ne provient pas d’un encodeur AVIF : cette estimation est la moyenne entre la moitié de la taille d’un réencodage JPEG à une qualité de 0,92 et 80 pour cent de la taille d’un réencodage WebP à une qualité de 0,85, tous deux demandés au navigateur. Pour les images dépassant 2 000 KiB, ou une fois que le réencodage a pris 5 secondes, elle est calculée uniquement à partir des dimensions en pixels. Considérez les économies indiquées comme une indication à vérifier.
  2. Ces formats reposent sur des conceptions différentes, pas sur des enveloppes interchangeables. AVIF stocke des images codées en AV1 dans un fichier HEIF. WebP est un conteneur RIFF contenant des données VP8 avec perte ou WebP sans perte. JPEG XL possède son propre flux codé et son propre format de fichier structuré en blocs et, seul parmi les trois, peut transcoder sans perte un JPEG existant, puis restaurer ultérieurement le fichier JPEG à l’identique.
  3. La prise en charge par les navigateurs doit être vérifiée pour chaque format et chaque fonctionnalité. Selon les données de caniuse, WebP est entièrement pris en charge dans Safari à partir de la version 16.0, les versions 14.0 à 15.6 nécessitant macOS 11 ou une version ultérieure ; AVIF est pris en charge à partir de Chrome 85 et de Firefox 93, mais ne l’est entièrement qu’à partir de Safari 16.4 et d’Edge 121. MDN indique JPEG XL à partir de Chrome 155, d’Edge 155, de Firefox 158 et de Safari 17 ; caniuse concorde, sauf qu’il ne répertorie pas encore Edge 155 et qualifie la prise en charge de Safari de partielle : images fixes uniquement, sans décodage progressif. Dans un élément <picture>, le navigateur ignore tout <source> dont il ne prend pas en charge le type, ce qui permet le recours à une image JPEG ou PNG de repli.
  4. Le décodage dans les navigateurs renseigne peu sur le reste d’une chaîne d’outils. La documentation de Pillow, par exemple, indique que la bibliothèque n’enregistre que des AVIF sur 8 bits et décode chaque AVIF en RGB ou RGBA sur 8 bits, et la documentation de sharp indique que les séquences d’images AVIF ne sont pas prises en charge. Vérifiez séparément les logiciels de retouche, les outils de métadonnées et les bibliothèques côté serveur pour chaque fonctionnalité dont vous dépendez.
  5. Une sortie plus petite dépend du contenu. MDN indique que WebP avec perte produit des fichiers en moyenne de 25 à 35 pour cent plus petits que JPEG à des niveaux de compression visuellement similaires, et que WebP sans perte produit généralement des fichiers 26 pour cent plus petits que PNG. Toutefois, ces moyennes ne s’appliquent pas à chaque image : les contributeurs de libavif décrivent AVIF sans perte comme efficace pour les images de type photographique et s’attendent à des résultats bien moins bons que WebP sans perte sur les contenus graphiques. Comparez les formats sur vos propres photographies, éléments graphiques et images transparentes, au niveau de qualité que vous comptez diffuser.

Quand les formats de nouvelle génération sont utiles

Diffusez un format plus récent lorsque les gains de taille et de qualité mesurés sur vos propres images justifient l’encodage et le stockage supplémentaires. Conservez une solution de repli en JPEG ou PNG, par exemple via un élément <picture> dont les entrées <source> déclarent leur type de média, car la prise en charge peut différer selon les navigateurs, les décodeurs, les outils de retouche et les outils de métadonnées.

Comment Transloadit vous aide avec les formats de nouvelle génération

Le tableau des formats d’image de Transloadit répertorie WebP, AVIF et JPEG XL (JXL) parmi les formats que ses Robots basés sur ImageMagick, dont /image/resize, peuvent lire et écrire, et le paramètre format de ce Robot accepte tout format que le tableau indique comme disponible en écriture.

Le tableau est paginé et trié par nom ; la ligne WebP se trouve donc sur une page ultérieure. La documentation du Robot /image/resize décrit son paramètre quality pour JPG et PNG uniquement ; comparez donc la taille et la qualité de la sortie sur vos propres images.

Explorer les possibilités de Transloadit en matière de formats de fichiers et de compression

Références

Transformer vos connaissances sur les médias en une chaîne de traitement opérationnelle

Reliez les téléversements, le traitement, l’IA, le stockage et la diffusion via une seule API déclarative — la pile d’encodage, la montée en charge et l’évolution constante des formats sont prises en charge pour vous.

Essayer Transloadit gratuitement