Comment optimiser ses images pour le web, pour gagner en vitesse ?

Pourquoi optimiser ses images pour le Web ?

Créer un beau site internet est certes essentiel pour se démarquer de sa concurrence. Un logo percutant, une charte graphique moderne, du contenu sympathique, des prestations bien mises en valeur… Oui ! Mais si vous n’êtes pas visible en ligne ou que vos visiteurs s’enfuient à cause de votre lenteur, tout cela est vain ! Ne faites pas comme Alfred et optimisez donc vos images pour le Web ! Je vous explique pourquoi.

Optimiser ses images pour plaire aux internautes

En utilisant moins de bande passante que dans leur format brut, les images optimisées réduiront les temps de chargement de vos pages. C’est fort appréciable pour vos prospects, qui n’auront pas à attendre ! Pire encore : plus l’attente est longue, plus votre taux de rebond augmente. Las, les internautes vous délaissent alors pour la concurrence. C’est bien triste, n’est-ce pas ?

Vous devrez donc opter pour le format adapté à vos besoins, de façon à améliorer l’expérience utilisateur.

Le référencement naturel pour se faire comprendre de Google

Je parle de Google, mais c’est pareil pour tous les moteurs de recherche ! Afin qu’ils sachent identifier vos illustrations et vous aident donc à mieux ranker parmi les résultats, vous devez leur apporter des informations. Recadrer et compresser des photos est donc important, mais ne suffit pas. Vous devez aussi les décrire de manière optimisée, pour favoriser leur indexation dans Google Images !

Vous voulez savoir comment faire ? Poursuivez simplement votre lecture !

Bien réfléchir avant de se lancer dans l’optimisation de ses images

Optimiser ses images pour le Web implique, dans un premier temps, de les convertir vers un format moins gourmand en ressources… Tout en évitant la pixellisation et la perte de qualité ! Il vous faudra alors bien réfléchir à ce que vous souhaitez, afin d’opter pour la bonne alternative.

Différents formats d’images possibles

Les images étant généralement assez lourdes et nombreuses, il est crucial de les compresser. Bien sûr, cela ne doit pas se faire au détriment de leur qualité ! C’est pourquoi les bons formats doivent être étudiés. Des images matricielles fonctionnant par pixels aux vectorielles, pour un redimensionnement impeccable, tout est possible !

• • Le PNG, ou Portable Network Graphics. Sa plus grande force ? La prise en charge des arrière-plans transparents, ce qui le rend idéal pour les insertions et affichages de logos. Toutefois, sa compression sans perte implique aussi que vos fichiers volumineux demeureront assez lourds ;

  • Le JPEG, JPG ou Joint Photographic Experts Group. Grand classique des formats d’images web, le format JPEG permet de compresser les image extrêmement efficacement. Toutefois, la perte de qualité est notable si vos illustrations sont remplies de détails ;

  • Le SVG, ou Scalable Vector Graphics. Ce format léger vous propose des images vectorielles de très haute qualité, idéales dans le cadre de vosq logos, icônes et illustrations peu détaillées ;

  • Le WebP, qui est le format d’image que j’utilise. Visant à supplanter et à réduire toutes les options existantes, allant du PNG au JPEG en passant par le GIF, il permet notamment une compression avec ou sans perte environ 30% plus importante que ne le permet le JPEG. Aujourd’hui, il m’apparaît donc comme idéal. Toutefois, il affiche certaines limites. En effet, si des navigateurs tels que Google Chrome, Edge, Firefox et bien d’autres le supportent très bien, les versions de Safari antérieures à iOS 13 ne prennent pas ce format en charge. Certains sites ne permettent pas non plus de l’utiliser, même si c’est de plus en plus rare. Rassurez-vous : si vous êtes un illustrateur ou un adepte de Photoshop, la compatibilité est désormais d’actualité ;

  • Le GIF. Vous avez sûrement déjà ri devant ces formats dynamiques, apportant une touche de vie à vos contenus. Ici, nous faisons face à des ressources d’une qualité faible, en raison d’une restriction à 8 bits par pixel. De même, contrairement aux 16 millions de couleurs proposées par les images PNG et JPEG, nous ne pouvons ici en visualiser que 256.