Le format d’image WEBP

Google a acquis ce nouveau format d’image appelé WebP en 2010, et a travaillé à son amélioration depuis. Le principal avantage de ce nouveau format est un taux de compression beaucoup plus élevé pour une qualité similaire (ou améliorée) à celle des JPG, soit une réduction de 25 à 50 % de la taille des fichiers !

Compte tenu de l’ampleur des bibliothèques d’images gérées par Google, la réduction de 25 % ou plus de la taille des fichiers a été très bénéfique pour l’entreprise en termes de stockage de fichiers et d’énergie nécessaire pour servir les images au public (meilleures performances du site). Google encourage tous les développeurs Web à utiliser WebP pour améliorer les performances de leurs sites.

WebP est pris en charge par les dernières versions de tous les principaux navigateurs (Chrome, Safari, Firefox et Microsoft Edge), ce qui en fait l’une des options les plus viables pour un format d’image nouveau et amélioré. Il prend également en charge la transparence alpha et l’animation, des avantages que seuls les fichiers GIF et PNG possédaient auparavant. Il prend également en charge les métadonnées EXIF des images.

Il y a quelques inconvénients. WebP ne prend en charge que les couleurs 8 bits, ce qui signifie qu’il ne peut pas prendre en charge les images HDR (high dynamic range) et les images à large gamme de couleurs. Il ne prend pas en charge les téléchargements progressifs, comme les JPG. Et pour les sites où les images sont générées automatiquement (comme un CMS), il se peut qu’ils aient besoin de plus de temps pour traiter les images par rapport à un JPG (annulant ainsi certains des avantages en termes de performances), ou qu’ils n’aient pas actuellement la possibilité d’enregistrer les images au format WebP.

Mais il s’agit toujours d’un nouveau format très intéressant qui peut être utilisé sur la plupart des sites de production aujourd’hui. La seule raison d’envisager un autre format à ce stade est probablement la promesse de notre prochain format, AVIF.

Le format d’image AVIF

AVIF a été publié pour la première fois en 2019, en tant que format d’image open-source basé sur le format vidéo AV1. C’est le plus récent des formats d’image dont nous parlons aujourd’hui, mais l’un des plus prometteurs.

Similaire à WebP, AVIF offre une compression d’image supérieure (avec une qualité d’image accrue) par rapport aux images JPG standard. Il prend également en charge la transparence alpha, l’animation et les métadonnées d’image.

AVIF améliore d’une certaine manière les niveaux de compression et de qualité d’image de WebP, mais offre des réductions encore plus importantes de la taille des fichiers – 50 % de moins que les JPG comparables. Et contrairement à WebP, AVIF prend en charge la couleur 12 bits, ce qui permet d’obtenir une gamme dynamique élevée et des images à large gamme de couleurs.

Comme il s’agit d’un logiciel libre, AVIF peut être utilisé par d’autres services sans frais de licence. Mais étant donné sa nouveauté et l’absence d’une société géante comme Google derrière elle, la prise en charge d’AVIF par les navigateurs n’est pas aussi large que celle de WebP. Actuellement, il n’est pris en charge que par Chrome et Firefox.

Un autre inconvénient peut être le temps nécessaire pour générer des images AVIF de manière dynamique dans un CMS ou un autre programme. Comme pour WebP, le rendu de ces images peut être plus long que celui des JPG, ce qui annule une partie des avantages liés à la réduction de la taille des fichiers. Ce problème s’améliore toutefois rapidement et devrait être moins problématique dans un avenir proche.

Les formats HEIF et HEIC

Le format HEIF (High Efficiency Image File Format) a été introduit en 2015 comme un nouveau format pour les images et les « séquences d’images » comme une rafale de photos ou des photos « en direct ». Ce nouveau format enregistre les images avec une taille de fichier nettement inférieure à celle des JPG tout en promettant une meilleure qualité d’image également (couleur 16 bits). AVIF est basé sur HEIF.

Apple a adopté ce format en 2017 pour les images enregistrées sur l’iPhone et l’espace iCloud, en l’appelant le format HEIC, et en le rendant beaucoup plus largement utilisé dans tout son écosystème. En 2022, aucun navigateur web ne le prend encore en charge (pas même le navigateur Safari d’Apple !), ce qui le rend inutilisable sur les sites web.

et le SVG…

Il faurt penser à ajouter une brève mention du format SVG.

Les SVG (Scalable Vector Format) ne sont pas nouveaux du tout. Il existe depuis 1999. Mais il n’est pas aussi largement utilisé que les trois précédents, et il a encore un peu l’odeur de la voiture neuve. Maintenant que tous les navigateurs modernes le prennent en charge, il n’y a vraiment aucune raison de ne pas utiliser le format SVG pour toutes vos images non photographiques – logos, illustrations, icônes, etc.

Contrairement à tous les autres formats énumérés ici, le format SVG est vectoriel, ce qui signifie qu’il ne peut jamais être utilisé pour une photographie matricielle. Il n’y a pas de pixels. Il est écrit en code XML, ce qui signifie qu’il peut être lu et manipulé à toutes sortes de fins, par exemple pour recolorer une image ou l’animer par des mouvements.

Son principal atout, cependant, est son évolutivité. Contrairement à nos trois formats précédents, vous pouvez augmenter ou diminuer la taille d’un fichier SVG sans perte de qualité de l’image. Et compte tenu de la grande variété de tailles d’écran et de dispositifs utilisés, disposer d’une image qui peut être redimensionnée à la volée comme cela est inestimable. Il a fallu du temps pour qu’elle soit largement prise en charge, mais elle fait désormais partie intégrante de tous les sites Web modernes.