Pourquoi et comment optimiser vos photos pour votre site internet en 2020 ?

Nous avons déjà tous vécu le moment ou l’on tombe sur un site qui a du mal à se charger et c’est très énervant !

L’une des causes ? C’est souvent les images, et oui ! Lorsque vous sous-traité une agence pour votre site internet, l’équipe doit normalement s’occuper d’optimiser vos images avec des outils professionnels, ils ne vont certainement pas intégrer vos photos brutes. Cependant, certaines personnes ont 100% la main sur leur site et ont du temps et l’envie de le chouchouter elles-mêmes (notamment de changer les photos).

Lorsque vous réalisez votre site internet avec Wix, ou autres plateformes gratuites (que je ne recommande pas particulièrement, mais c’est un autre sujet !), ou bien lorsque vous êtes assez callés sur WordPress par exemple, et bien il faut aussi être bon en optimisation d’images et sur cet article je vais vous donner quelques conseils à utiliser à bon escient.

À savoir : Google pénalise les sites internet n’ayant pas de photos optimisées, il conclura que votre site internet n’est pas performant et donc peu professionnel. Ce qui laisse la chance à vos concurrents de passer avant vous dans les recherches du moteur de recherche.

Conseils pour optimiser ses images en trois étapes

1) Logiciel de photo

Il va falloir redimensionner vos photos et pour cela, il vous faut télécharger un logiciel de photo gratuit (ex: Gimp) ou payant (ex: Photoshop). Selon l’emplacement qu’aura votre photo sur votre site, les dimensions doivent être adaptées. Par exemple une image que vous souhaitez en grand format dans un slider sur la page d’accueil, n’aura pas du tout les mêmes dimensions qu’un icône qui illustrera votre numéro de téléphone. Faites bien attention, cette étape est primordiale et non négligeable. Dites-vous que dans tous les cas, votre photographie ne doit pas dépasser 1MO ! Sinon elle sera trop lourde, même en passant par l’étape de la compression.

2) Format des images

Une fois votre photographie redimensionnée, ne laissez pas votre image en CMJN, mais plutôt pensez à la mettre en RVB. Sur photoshop, allez dans : image / Mode / Couleurs RVB.

Une fois le mode colorimétrique adapté, enregistrez votre image au format compressé. Sur photoshop, allez dans : fichier / Exportation / Enregistrer pour le web.

Voici l’étape ou votre photo sera enregistrée spécialement pour votre site !

3) Compression finale

Une fois que la redimension de votre photo est ok,  puis que vous l’enregistrez au format pour le web, place à la compression ! Voici des outils entièrement gratuits qui vont vous permettre de compresser toutes vos photos. Le poids peut alors être divisé en deux !

Découvrez les sites free qui gère la compression de vos images :
Compressor.io
Websiteplanet.com
Tinyjpg.com
ImageOptim
JPEGmini
RIOT optimizer

Cependant attention, lorsque vous allez télécharger votre photo, le site internet se permettra de renommer votre photo en ajoutant à la fin « compressor ». Pensez à la renommer. Pourquoi ? Google aime les photos bien travaillées, et donc bien renommées. Si vous lui montrer une photo de chien, dans le nom de la photo il veut trouver le mot chien. Enfaite c’est simple, Google ne saura pas identifier clairement votre image donc il faut l’aider par des mots clés qui seront dans votre nom de fichier.