Optimisation des images (redimensionner ne suffit pas !)

Vous partagez des photos par mail, vous présentez les plus belles sur votre site web, il est primordial de les optimiser.

Les photos de nos appareils numériques pèsent souvent quelques dizaines de méga-octets et la taille maximum totale autorisée des pièces jointes d’un mail est le plus souvent de 20 Mo. (Certains fournisseurs d’accès Internet ont même des limites plus restrictives).
De plus, vos destinataires n’ont peut-être pas tous la fibre optique et le chargement d’un mail très lourd peut prendre un temps considérable, qui plus est en bloquant la file des autres mails importants. Très agaçant !
Chacun sait maintenant que les mails ont une empreinte écologique non négligeable, il convient à tous de réduire leur taille autant que faire se peut.
Une fois convaincu de la nécessité de l’optimisation des photos, il faut savoir que l’opération est simple et rapide, comme nous allons le voir.

Si vous mettez des informations sur le web, c’est sans doute pour être vu. Or, pour être visible, votre site doit être optimisé pour les moteurs de recherche. En anglais cela se dit « Search Engine Optimisation » ou « SEO ». Vous avez sûrement déjà entendu ce terme !
Un des critères SEO les plus importants concerne la taille des images qui ne doivent pas excéder quelques centaines de kilo-octets.
Vous avez certainement vu des sites pour lesquels les images descendent lentement, comme si on les déroulait. C’est insupportable et les moteurs de recherche constatant ce défaut affublent le site en question d’une très mauvaise note.

Note : Pour savoir si votre site présente ce défaut, n’oubliez-pas de vider le cache de votre navigateur avant de le visionner, car les images qui se sont affichées lentement lors du premier affichage sont enregistrées dans ce cache et s’affichent rapidement lors des affichages suivants.

À y regarder de plus près, ce logiciel en ligne ne charge pas les images mais confie le traitement au navigateur. Impressionnant ! Je ne peux donc que conseiller fortement cet outil en ligne.

Pour optimiser ses images, on va sans doute penser en tout premier à Photoshop et à son menu « Enregistrer pour le web ».
Une fois Photoshop démarré, pour accéder à la fenêtre des réglages, il faudra passer par le menu « Fichier / Exportation / Enregistrer pour le web ». On choisira « Bicubique plus net ».
Une fois configurés pour la première fois, les réglages sont repris les fois suivantes et il ne reste plus qu’à indiquer la taille finale désirée.
Quand on utilise souvent cette méthode d’optimisation, on en vient vite à connaître le raccourci clavier Ctrl + Alt + Maj + « S » (Quatre doigts, j’adore!) pour lancer directement l’enregistrement pour le web.

De base, l’optimisation n’est pas très aisée, mais on peut facilement installer un plugin pour bénéficier du programme RIOT dont je parle un peu plus bas.

Comme pour Photoshop. Il faudra passer par le menu « Fichier / Exportation » en prenant soin de réduire la taille de l’image au préalable car on ne peut pas le faire dans la fenêtre d’exportation. On choisit le format de fichier en désignant le nouveau nom de l’image avec son extension (.jpg, .png…) et on appuie sur « Exporter ». À ce moment, une fenêtre apparaît dans la quelle se trouve un curseur de réglage. Le poids correspondant est affiché et si on a coché la case « Afficher l’aperçu… », on pourra juger du résultat final.
Pour le moins empirique !

Le plugin s’installe très facilement et provoque l’apparition d’un menu direct « Fichier / Save for Web with RIOT ». Oui, c’est en anglais ! L’occasion pour certains d’aller faire un tour sur DeepL, mais ce n’est pas le sujet du jour.
Le plugin est téléchargeable à cette adresse. https://riot-optimizer.com/dll-version/
On retrouve toutes les fonctionnalités du logiciel que je vais décrire ci-après.

Pour optimiser mes images, j’utilise depuis des années ce logiciel qui ne fait que cela mais qui le fait vite et bien.
Vite car il s’ouvre en une fraction de seconde, et bien car ses réglages par défaut sont idéals dans 99 % des cas. Aucune prise de tête à ajuster les curseurs, et en mode automatique le réglage est parfait du premier coup.
Certes l’interface commence à dater un peu, surtout pour le mode « Batch » (Traitement par lots).
L’avantage principal pour moi est la rapidité d’exécution. À peine le temps de relâcher le clic de l’icône de Riot que le programme est disponible. Ensuite, les réglages par défaut fournissent une image parfaite, sans différence visible, même avec un écran spécial photographie.
J’utilise souvent le traitement par lots, par exemple lorsque je rédige un article avec de nombreuses illustrations. C’est un régal de voir se dérouler rapidement toutes les optimisations avec l’affichage du gain, oscillant entre 90` % et 95 %.