Vérifiez l'état des outils d'image.
Mettre une image sur le Web n'est pas une chose facile, mais c'est difficile de bien le faire. Choisir le bon format, la bonne compression, le bon nombre de points par pouce (PPP) et des centaines d'autres paramètres peut autrement être oublié lorsque nous le faisons nous-mêmes.
La bonne nouvelle, c'est qu'aujourd'hui, nous disposons d'un grand nombre d'outils et de services capables de faire tout cela pour nous. Ce qui n'est pas si bon, c'est qu'il y en a beaucoup. Il n'est pas toujours facile de choisir un outil ou un service qui répond à vos besoins. C'est pourquoi nous lançons images.tooling.report, un site sur lequel nous listons ce que nous considérons comme les plus importants pour l'envoi d'images en production, et qui permet de comparer certains des logiciels et services les plus populaires, qu'ils soient payants ou sans frais, hébergés ou auto-hébergés.
Pourquoi ?
Les images constituent une grande partie des octets transférés sur un site, et ces octets s'additionnent ! En effet, nous avons constaté que les images non optimisées représentaient près de 75% de la taille totale d'une page. Tous ces octets perdus ont un coût. C'est pourquoi, selon une étude portant sur des millions de sessions utilisateur réelles, les pages ayant généré une conversion comportaient 38% d'images en moins que celles qui n'en ont pas généré de conversions. Devez-vous simplement supprimer toutes vos images ? Bien sûr que non. Mais vous devez vous assurer que les images que vous envoyez sont optimisées pour tous les utilisateurs, quels que soient les appareils qu'ils utilisent.
De quoi est-il question ?
Pour diffuser des images optimisées, il ne suffit pas de cliquer sur "Enregistrer pour le Web". C'est pourquoi images.tooling.report recherche un large éventail de fonctionnalités. Nous abordons les bases, comme le niveau de compression des différents outils et services, ainsi que les optimisations réseau telles que les en-têtes de cache de longue durée.
Mais nous ne nous
arrêtons pas là. Nous avons recherché des options plus avancées, comme la compatibilité avec Save-Data, ECT et d'autres indications client, afin de rechercher une analyse psychovisuelle automatisée capable d'utiliser des modèles de données pour compresser des images de manière répétée, afin de trouver la version qui prend le moins d'octets sans changer la façon dont nos yeux les perçoivent. Est-ce que vous pressez le dernier élément non visuel de vos images avant de les envoyer sur le réseau ?
Bien sûr, chaque site est un flocon de neige : aucun outil ni service n'a répondu à toutes nos attentes. C'est normal ! Nous avons donc divisé ce que nous avons testé en différentes catégories. Nous abordons les réseaux de diffusion de contenu (CDN), les projets auto-hébergés, les plug-ins du système de gestion de contenu (CMS) et les outils de création de sites. Il s'agit de définitions relativement approximatives, que vous pouvez utiliser pour améliorer la pertinence de la comparaison des différentes options:
- Les plug-ins CMS sont des packages faciles à développer sur des plates-formes telles que WordPress.
- Les outils de création de sites Web comparent un certain nombre de services différents que vous pouvez utiliser pour concevoir votre site Web.
- Auto-hébergé est destiné aux développeurs qui savent cloner un projet Git ou exécuter leur propre image Docker en production.
- Les CDN sont un peu plus complexes. Certains de ces éléments sont des CDN au sens traditionnel du terme, mais d'autres sont des services qui servent de proxy ou hébergent vos images en périphérie.
Vous ne pouvez pas tout le temps à tout le monde, mais vous devriez jeter un œil aux tests et aux fonctionnalités en cours d'évaluation et voir comment votre optimiseur d'image se positionne ! Et si vous n'avez pas encore commencé à optimiser vos images ? C'est le moment idéal pour vous familiariser avec les outils de création d'images et découvrir les avantages que vous pouvez offrir aux internautes qui utilisent déjà votre site.
Étape suivante
Pensez-vous que nous avons raté un outil ou un service d'imagerie ? Contactez-nous. Les outils et services, et les tests eux-mêmes, sont des nouveautés vivantes. Si vous avez besoin d'accéder rapidement à l'état de qualité des images de livraison, commencez par consulter images.tooling.report.
Image héros de Michael Maasen sur Unsplash.