Problèmes de résolution et de taille d'images

Que vous soyez vendeur, prestataire de services, fournisseur de réseaux sociaux ou que vous publiiez simplement des informations en ligne, votre contenu et votre présence ne peuvent être efficaces que si les utilisateurs s'y intéressent. Le succès d'un site Web se mesure généralement par le degré de satisfaction de ses utilisateurs.

Les images contribuent à générer de l'intérêt car le cerveau reçoit et traite les stimuli visuels plus rapidement que les contenus textuels. Les humains sont programmés pour mieux réagir aux images.

Il existe plusieurs façons d'améliorer l'intérêt que génèrent les images d'un site Web :

  • Sur Facebook, les articles contenant des photos reçoivent plus de 50 % de likes en plus que les autres contenus
  • Les articles contenant des images obtiennent 94 % de vues en plus
  • 63 % des individus pensent que la qualité de l'image d'un produit est plus importante que les informations à son sujet

Quel que soit l'objectif du site Web, l'utilisation de texte simple sans image n'est ni intéressante, ni attrayante.

C'est pourquoi on constate une augmentation constante de la taille des images affichées au cours des 5 dernières années. Le graphique ci-dessous (basé sur les données du site http://httparchive.org) indique que même si le nombre d'images reste presque inchangé, la taille des images a quasiment triplé car les propriétaires de contenu tentent de rendre les sites Web aussi attrayants que possible et profitent des nouveaux écrans à haute résolution.

Un utilisateur satisfait n'attend pas

Image & Video Manager Growth Graph

Outre la richesse du contenu, il est démontré que l'amélioration des performances des sites Web favorise également l'engagement des utilisateurs. Mais performances élevées et images haute résolution sont deux aspects diamétralement opposés.

Les performances des images peuvent être divisées en deux catégories : la vitesse de transmission sur le réseau et la vitesse d'affichage à l'écran.

Nous disposons également de solutions de navigateur telles que les images réactives, le lazy loading ou encore la conception RESS (responsive and server side design) pour éviter de charger les images masquées.

Performances du réseau

La règle d'or pour améliorer le temps de téléchargement des images est de réduire le nombre d'octets. Cette supervision consiste à :

  • réduire la résolution des images et leur taille en pixels pour les adapter aux dimensions à l'écran ;
  • réduire la qualité à un niveau approprié pour le site Web ;
  • sélectionner le format adéquat pour permettre la compression et la transférabilité ;
  • appliquer le sous-échantillonnage de la couleur ;
  • réduire la taille globale du fichier pour accélérer les temps de chargement.
Si la connexion de l'utilisateur est mauvaise (connexion 3G), il est possible d'être encore plus agressif grâce à certaines optimisations. Par exemple, vous pouvez choisir d'envoyer plutôt des images basse résolution.

Performances du terminal

Une fois l'image livrée à un terminal, elle doit être traitée (décodée) et représentée à l'écran. Tous les terminaux ne sont pas égaux, et le niveau de mémoire et la puissance de traitement graphique peuvent jouer un rôle important dans le délai d'affichage des images. Toutes les techniques ci-dessus contribuent à réduire l'empreinte mémoire d'une image et peuvent accélérer les délais d'affichage.

Images de qualité + bonnes performances = utilisateurs satisfaits = succès du site Web

Autrefois, fournir l'image appropriée était chose aisée. Aujourd'hui, nous devons faire avec des milliers de terminaux dotés d'écrans de différentes tailles, différentes connexions réseau et même des formats d'image spécifiques au navigateur. Qu'il semble loin le temps où, il y a 10 ans encore, on ne pouvait naviguer sur la toile sans écrans CRT et sans le ronronnement d'un modem 56K.

Pour que les utilisateurs soient satisfaits, vous ne pouvez pas supprimer les images. Vous devez donc les livrer et les afficher aussi rapidement que possible afin d'optimiser les performances de votre site Web.

Découvrez-en davantage sur la gestion des images en ligne avec Image & Video Manager d'Akamai.