Ivy Leaf Agence de communication

Formation logiciels et création graphique

Web & Print

Optimisation des images pour le web

Essentielles, inévitables… Voici quelques adjectifs qui peuvent être attribués aux images sur un site web. Les images ou les visuels participeront à l’esthétique et à l’équilibre de votre contenu. Toutefois, si les graphismes (photos ou infographies) sont mal configurés, ils peuvent rapidement devenir le point faible de votre site. En effet, les images ne doivent pas ralentir le temps de chargement de vos pages avec pour résultat, une baisse de la performance globale de votre site internet. Un travail rigoureux en vue de l’optimisation des images devient alors primordial.

Au-delà de l’aspect esthétique de vos images, il est nécessaire d’y ajouter une dimension technique car les images « parlent » aux moteurs de recherche. Effectivement, des informations sont transmises par des balises HTML descriptives qui n’ont pour objectif qu’une meilleure visibilité de votre site dans les résultats de recherche web. 

Les formats d’image pour une bonne optimisation des images

Le choix du format d’image est la première étape et pour choisir le bon format, une connaissance des caractéristiques est exigée. Les formats sont nombreux mais si certains sont compatibles pour l’affichage sur les écrans, d’autres y seront proscrits et seront réservés au monde de l’imprimerie. En résumé, seuls les formats JPEG, PNG et GIF sont acceptés.

Mettre les images au régime !

Si vous pensiez qu’une fois le dilemme du format résolu, vous en aviez fini avec le traitement de vos images, vous vous trompez… LOURDEMENT !

Une image n’est qu’une juxtaposition de petits carrés appelés pixels. Chaque pixels contient une information de couleur et cette information a un poids (informatiquement parlant). Multipliez le poids d’un pixel par le nombre de pixels qui composent l’image, le résultat peut-être détonnant !

Certains estiment que plus de la moitié du poids d’une page internet est associée aux images

Chaque image qui sera positionnée sur votre site sera obligatoirement configurée (résolution, taille), compressée. En d’autres termes, il est nécessaire de savoir utiliser des logiciels de PAO tels que Adobe Photoshop ou Affinity Photo par exemple.

Associez les paramètres du format et les notions de poids d’une image et vous avez, face à vous, le travail le plus important : l’optimisation de votre image.

Le poids d’une image peut, si le travail n’est pas optimal, pénaliser le chargement d’une page internet.

Au final, l’objectif de l’optimisation des images n’est que trouver le bon équilibre entre la qualité de l’image à l’écran et son poids.