Découvrez l'état des outils d'image.
Il est facile de mettre une image sur le Web, mais il est difficile de le faire correctement. Il est facile d'oublier de choisir le bon format, la compression, les points par pouce (DPI) et des centaines d'autres paramètres lorsque nous effectuons tout cela nous-mêmes.
La bonne nouvelle est qu'aujourd'hui, nous disposons d'une multitude d'outils et de services qui peuvent nous aider à tout cela. La mauvaise nouvelle est qu'il y en a beaucoup. Il peut être difficile de choisir l'outil ou le service qui vous convient le mieux. C'est pourquoi nous lançons images.tooling.report, un site sur lequel nous listons les éléments que nous pensons être les plus importants lors de l'envoi d'images en production, et pour 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 représentent une part importante des octets transférés par un site, et ces octets s'accumulent. En fait, nous avons constaté que les images non optimisées représentaient presque 75% de la taille totale d'une page. Tous ces octets gaspillés ont un coût. C'est pourquoi, dans une étude portant sur des millions de sessions d'utilisateurs réels, les pages qui ont généré des conversions comportaient 38% d'images en moins que celles qui n'en ont pas généré. Faut-il supprimer toutes vos images ? Bien sûr que non. Toutefois, vous devez vous assurer que les images que vous envoyez sont optimisées pour tous les utilisateurs, quel que soit l'appareil qu'ils utilisent.
De quoi s'agit-il ?
Diffuser des images optimisées ne se limite pas à cliquer sur "Enregistrer pour le Web". C'est pourquoi images.tooling.report vérifie un large éventail de fonctionnalités. Nous abordons les principes de base, comme le niveau de compression fourni par les différents outils et services, ainsi que les optimisations réseau telles que les en-têtes de cache à durée de vie longue.
Mais nous ne nous arrêtons pas là. Nous avons recherché des options plus avancées, comme la prise en charge de Save-Data, ECT et d'autres indices client, pour trouver une analyse psychovisuelle automatisée pouvant utiliser des modèles de données pour compresser des images à plusieurs reprises afin de trouver la version qui prend le moins d'octets sans modifier la façon dont nos yeux la perçoivent. Exploitez-vous tous les éléments non visuels de vos images avant de les envoyer sur le fil ?
Bien entendu, chaque site est unique. Aucun outil ni aucun service ne répondait à tous nos critères. C'est normal. Nous avons donc réparti les tests en différentes catégories. Nous couvrons les réseaux de diffusion de contenu (CDN), les projets auto-hébergés, les plug-ins de système de gestion de contenu (CMS) et les outils de création de sites. Il s'agit de définitions assez vagues qui visent à rendre la comparaison des différentes options plus pertinente:
- Les plug-ins CMS sont des packages qui permettent de développer facilement des applications 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 créer votre site Web.
- L'option Auto-hébergé est destinée 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 d'entre eux sont des CDN au sens traditionnel, mais d'autres sont des services qui mettent en cache ou hébergent vos images en périphérie.
Vous ne pouvez pas tout faire pour tout le monde tout le temps, mais vous devriez consulter les tests et les fonctionnalités en cours d'évaluation pour voir comment votre outil d'optimisation des images se compare. Et si vous n'optimisiez pas encore vos images ? C'est donc le moment idéal pour découvrir les outils d'image et voir quels avantages vous pouvez apporter aux utilisateurs de votre site.
Étape suivante
Pensez-vous que nous avons oublié un outil ou un service d'image ? Merci de nous tenir informés. Les outils et les services, ainsi que les tests eux-mêmes, sont en constante évolution. Lorsque vous avez besoin d'un endroit rapide pour consulter les dernières informations sur les images d'envoi, assurez-vous de commencer par images.tooling.report.
Image principale par Michael Maasen sur Unsplash.