Notre métier

L’importance du poids des photos Édité le 10 décembre 2014

La photo est aujourd’hui un élément important pour illustrer votre site, mais cela peut être également un élément pénalisant si vous n’insérez pas correctement ces dernières dans vos pages.

Le poids d’une photo : l’élément pénalisant

Si vous ne travaillez pas vos photos avant de les mettre sur votre site, celles-ci seront trop lourdes. En général, une photo sortant d’un appareil photo pèse souvent plusieurs méga-octets (Mo).

Ce qu’il faut bien comprendre avec les photos, c’est que vos visiteurs doivent les télécharger sur leurs supports de navigation (c’est le navigateur qui s’en charge de manière transparente) pour pouvoir les visualiser, donc plus la photo est lourde, plus le temps de chargement de la page est important.

Nous allons effectuer un test pour voir l’impact des photos sur le temps de chargement d’une page, nous prenons 8 photos pour un total de 32.8Mo (environ 4 Mo par photo), à partir de cela on met en place deux pages :

On met donc 7 fois plus de temps à charger la page avec les photos non compressées !

En voyant ce test, il faut se poser la question suivante : êtes-vous prêt à attendre 9 secondes qu’un site se charge ou allez-vous le quitter ?

La réponse semble évidente : aucun visiteur n’aura la patience d’attendre autant de temps, vous risquez donc de perdre vos visiteurs si vous ne prenez pas compte du poids de vos photos.

Le redimensionnement de vos photos

Nous allons voir dans cette partie comment redimensionner de manière efficace vos photos. Pour cela nous allons utiliser un logiciel disponible pour tous sur Windows : Paint.

Tout d’abord, vous devez ouvrir le logiciel sur votre ordinateur.

Une fois ouvert, il faut sélectionner l’image que vous souhaitez redimensionner via le menu « Fichier > Ouvrir »

Ouvrir une image sur Paint

 

Une fois la photo sélectionnée, il faut cliquer sur le bouton « Redimensionner » qui se trouve dans le bandeau de Paint :

Bouton redimensionner

 

Une fenêtre va s’ouvrir, seule la partie « Redimensionner » va nous intéresser. Dans cette section, je vous conseille de passer en « Pixels » pour modifier les dimensions de votre photo.

Attention : Il est vivement conseillé de garder cochée la case « Conserver les proportions », si vous ne le faites pas vos photos risquent d’être pixelisées (floues).

Fenêtre de redimensionnement

Une fois que vous avez choisi la taille qui vous convient, vous pouvez enregistrer votre image via le menu « Fichier > Enregistrer Sous » de Paint.

Vous pouvez maintenant ajouter vos images sur votre site sans le pénaliser par des images d’un trop gros poids.