La dernière fois, je vous ai montré comment réduire le poids d’une image pour ceux qui n’ont pas accès à Photoshop. Aujourd’hui nous allons voir une méthode pour compresser vos photos avec Photoshop cette fois-ci.
Réduire la taille d’une image
La préservation de la lisibilité et de l’authenticité visuelle passe par deux étapes essentielles: redimensionner l’image et ensuite compresser l’image.
Pour cette démonstration, nous avons téléchargé une photo d’Augustin de Montesquiou sur le site web Unsplash. L’image originale a les caractéristiques suivantes : elle mesure 5 182 px par 3 455 px et pèse 17,6 Mo. L’objectif est de redimensionner l’image pour qu’elle ne mesure plus que 640 px de large et on souhaite obtenir une photo qui pèse moins de 200 Ko.
Compression d’une image avec Photoshop
Dans le tutoriel vidéo qui suit, nous allons utiliser la fonctionnalité « Sauvegarder pour le Web ». Au terme du tutoriel, nous allons arriver à une photo qui ne fait plus que 41 Ko. Il faudra alors moins de 10 secondes pour que la photo optimisée télécharge pour des internautes dont la connexion internet est lente.
Comme nous l’avons vu dans le tutoriel, il se peut que vous ne puissiez pas voir la différence en qualité de l’image entre la version originale et la version optimisée. Évitez alors de regarder la photo à 100%. Prévisualisez-la plutôt dans votre fureteur internet. C’est réellement la meilleure façon d’apprécier la qualité finale de l’image, lorsqu’elle s’affiche à la bonne échelle.
Paramètres et bonnes pratiques
Pour récapituler vous devez premièrement redimensionner l’image dans les mesures dont vous avez besoin. Ensuite, vous allez choisir le format le mieux adapté. Réduire le poids d’une image sans altérer la qualité ? C’est possible ! Premier outil à tester : Compressor. C’est gratuit et tout fonctionne en ligne : il suffit de sélectionner l’image à compresser, au format JPEG, PNG, GIF ou SVG. Compressor optimise votre image : elle sera moins lourde. La différence entre l’image originale et l’image compressée est imperceptible à l’œil nu.
Bien que Compressor soit capable d’optimiser un GIF, nous conseillons d’utiliser un outil spécialisé pour ce type d’opération : ezGIF. Nous utilisons l’outil régulièrement, il est simple et très pratique. Si vous devez traiter plusieurs images d’un seul coup, vous pouvez utiliser Compresser JPEG. C’est un outil gratuit, en ligne, qui permet de réduire la taille de 20 images d’un seul coup. Vous pouvez affiner la compression de vos images pour ne pas altérer leur qualité.
Si vous souhaitez optimiser les images d’un site entier et automatiser ce processus, peu d’outils gratuits existent. Mais selon le nombre d’images de votre site, des outils bon marché comme Imagify peuvent vous faire gagner de précieuses ressources serveur. Si le plan gratuit est très limité (25 Mo par mois), optimiser 1 Go d’images par mois ne coûte que $5. L’outil s’intègre entièrement à WordPress et plusieurs options sont proposées (réduction agressive de la taille, réduction légère pour ne pas altérer la qualité etc.).
Autre solution pour optimiser ses images : si vous utilisez Photoshop, le logiciel est capable de réduire drastiquement le poids des images enregistrées. Pour ce faire, ne cliquez pas sur Enregistrer ou Enregistrer sous : privilégiez la fonctionnalité Enregistrer pour le web. Vous pourrez ainsi choisir le type d’image (JPEG, PNG, GIF…) et paramétrer la qualité, le nombre de couleurs utilisées, la transparence, le tramage… Objectif : conserver un bon niveau de qualité tout en réduisant le poids de votre image. L’outil est puissant, et permet de réduire la taille un JPEG même en choisissant « Qualité : 100 ». Enfin, vous êtes visiblement nombreux à utiliser TinyJPG (pour les JPG) et TinyPNG (pour les PNG). Il s’agit d’un outil gratuit permettant de compresser jusqu’à 20 images simultanément (5Mb chacune). Visiblement très efficace, TinyJPG existe en ligne (gratuit), ainsi qu’en plugin Photoshop ($50). Vous pouvez aussi automatiser vos compressions d’images avec l’API TinyJPG, dont le prix dépend des volumes compressés.
Utilise une compression avec perte pour réduire la taille du fichier en supprimant des détails de l’image. Compresse les images à tons continus comme les photographies JPEG, TIFF, PDF et PostScript. Compressez les photos avec JPEG. Le format WebP fonctionne bien pour les pages web et prend en charge la compression avec et sans perte. Utilisez le curseur de qualité pour ajuster la compression et choisir de conserver ou non les métadonnées. Les fichiers WebP sont plus petits que la plupart des formats traditionnels tout en restant nets.
Bonne nouvelle : on peut réduire le poids d'une photo de façon spectaculaire sans que l’œil voie la différence. Le poids d’un fichier dépend surtout de deux choses : ses dimensions en pixels et son format d'enregistrement. Une photo de smartphone fait souvent 4000 pixels de large, alors qu’un site n'en affiche que 1200. Enregistrée en PNG ou en qualité maximale, elle pèse inutilement lourd. Redimensionner d’abord, exporter ensuite : c’est ce combo qui fait la vraie différence. Pour bien choisir selon chaque cas, lisez PNG, JPG ou WebP : quel format choisir. Réduisez les dimensions au strict nécessaire, exportez en JPG ou WebP, et réglez la qualité autour de 75 pour cent. Vous diviserez souvent le poids par cinq ou dix sans perte visible.
Ouvrez l’éditeur et essayez sur votre image la plus lourde. Léa retouche des images depuis plus de dix ans. Plusieurs raisons peuvent vous amener à réduire la taille ou le poids d’une image. Les images au format JPEG ont tendance à être de plus en plus volumineuses. Cela se ressent donc sur la taille et logiquement sur le poids des images. Surtout lorsqu’il s’agit de les imprimer pour un album photo ou les intégrer dans un cadre à accrocher au mur. Il faut faire preuve de ruse afin de pouvoir les envoyer.
Pour réduire la taille d’une image, la solution la plus simple consiste à passer par un logiciel de retouche photo type Paint ou Photos (Windows), Gimp ou Photoshop. Ouvrez donc la copie de votre image dans votre logiciel de retouche photo et dans le menu, cherchez la fonction Taille de l’image ou Redimensionner. Vous pourriez, dans certains cas vouloir conserver la taille d’origine de l’image tout en souhaitant réduire son poids. C’est tout à fait possible et nous allons le faire en passant par une solution en ligne. Réglez la qualité d’image en faisant glisser le slider en bas de page. Nous sommes à la fin de ce tutoriel. Vous savez désormais comment réduire efficacement le poids d’une image en jouant sur sa taille.
Tableau récapitulatif des approaches
| Action | Paramètres clés | Effet |
|---|---|---|
| Redimensionner | Largeur à 640 px | Réduction dynamique du poids sans toucher au reste |
| Exporter pour le Web | JPEG/PNG, qualité ajustable | Contrôle qualité et taille du fichier |
| Utiliser WebP | Qualité et options de perte | Fichiers plus petits et nets |