chargement…

Comment compresser une image ?

La première question à se poser est :
pourquoi faut-il compresser une image ?


• Tout d'abord, une image trop lourde augmentera le temps de chargement de votre site web, ce qui est désagréable pour le visiteur, mais aussi et surtout très mal vue par les moteur de recherche et peut nuire à votre référencement SEO.

• De plus, les images qui sont considérées comme trop lourdes le sont souvent à cause de leur taille. Par exemple, il est courant de trouver des images de 4 000 ou 6 000 pixels sur des sites web, alors que la résolution utilisée par 80 % des visiteurs ne dépasse pas 1 920 pixels. Ainsi, ces images sont beaucoup trop grandes et leur taille doit être réduite*.

• Pour illustrer cela, prenons l'exemple d'une page web qui contient 10 photos, chacune pesant 5 Mo. Si un visiteur a une connexion permettant de charger 1 Mo par seconde, le temps de chargement de la page sera de 50 secondes. Cependant, si la taille de chaque image est réduite à 500 Ko, le temps de chargement sera réduit à 5 secondes, soit une division par 10 du temps de chargement initial.

*Il est important de souligner que réduire la taille et le poids d'une image ne réduira pas forcément sa qualité.
Nous allons vous le prouver en seulement 3 clics !

Image gratuite & libre de droit

Nous allons utiliser une image libre de droit et gratuite pour notre exemple, téléchargée sur le site internet pexels.com qui offre une grande variété d'images libres de droit pour un usage personnel ou commercial.

Notre image pèse donc 4.9Mo et a une taille de 6000x4000 pixels.


Compression de notre image :

La première étape consiste à compresser notre image, ce que nous pouvons faire rapidement, gratuitement et sans inscription grâce à un excellent outil en ligne développé par © SIA Webby : compressjpeg.com**

Nous pouvons soit sélectionner notre image depuis notre appareil, soit la faire glisser jusqu'à la zone de dépôt.

Une fois que l'outil a terminé la compression, nous pouvons télécharger notre image réduite de -55%. Bien que notre image mesure toujours 6000 pixels, elle ne pèse déjà plus que 2,2Mo.

** Tu remarqueras que sur ce site, il est possible de compresser des images JPEG, mais également des PNG, des GIF et même des PDF.



Redimentionnement de l'image :

La seconde et dernière étape consiste à redimensionner notre image comme mentionné précédemment.

Il existe plusieurs logiciels disponibles sur le marché pour effectuer cette tâche, gratuits ou payants. Toutefois, un simple éditeur d'images tel que celui disponible sur votre ordinateur suffit amplement.

Dans notre exemple, nous utilisons l'éditeur d'images disponible sur Mac OS X.

En réduisant la taille de notre image de 6000 à 1920 pixels, nous obtenons une estimation de poids de 490 Ko.

Cependant, vous allez bientôt le découvrir, ce n'est qu'une estimation...

La preuve par A + B

Nous disposons maintenant de la même image redimensionnée en 1920 x 1080 pixels, ce qui est un format HD de qualité suffisante pour une utilisation sur un site web.

Son poids est maintenant de 197 Ko, ce qui signifie que, quel que soit le débit de connexion de vos visiteurs, le temps de chargement de cette image a été divisé par 25 !

Il convient de noter qu'aucune perte de qualité visuelle n'a été subie.


Bonus

Ne vous arrêtez pas là et pensez à convertir vos images grâce à notre article sur le sujet pour améliorer la vitesse de chargement de votre site web.

convertir une image en ligne

by Ludovic'

Convertir une image - Pourquoi ?

L'optimisation de vos images peut avoir un impact significatif sur le référencement de votre site web. […]

Ponctuation & typographie

Cette section a pour but de vous expliquer comment écrire correctement un texte sur un ordinateur. […]

Bien nommer ses images

Pourquoi est-il préférable d'éviter les accents et les majuscules dans le nom des […]