Comment compresser facilement une ou plusieurs images à la fois

L'un des premiers défis auxquels j'ai été confronté en tant que webmaster de ce blog était lié aux images. J'avais besoin de compresser des images (JPG, PNG, GIF) avec un niveau de demande très élevé si je voulais optimiser les ressources du serveur et également charger rapidement.

Aujourd'hui, je vais vous expliquer les 2 méthodes que j'utilise pour éditer et compresser des images comme un vrai ninja . Au cours des 3 dernières années, j'ai tout essayé, mais au final, c'est ce qui fonctionne le mieux pour moi, donc je veux le partager avec vous.

Comment compresser une ou plusieurs images à la fois de la manière la plus simple possible

Ce que beaucoup de gens recommandent pour compresser des images, c'est d'utiliser des programmes tels que Photoshop ou d'autres éditeurs multimédias du style. Quelque chose de très bien, mais ces types d'applications ne sont généralement pas bon marché avec précision et ils apportent également beaucoup de fonctions professionnelles dont j'ai personnellement beaucoup - je veux juste faire quelques ajustements et compresser des photos, pas créer une courte animation de 8 minutes-.

Comment éditer et compresser une image sans installer aucune application

Lorsque tout ce que j'ai à faire est de compresser une image et d'ajuster ses marges et sa taille, j'utilise un outil Web appelé Pixlr Express . Il s'agit d'une application en ligne qui a vu le jour il y a des années chez Autodesk - la même qu'Autocad - et qui a maintenant été rachetée par une autre société (123RF). Mais venons au fait ...

Le fait est que c'est toujours gratuit et cela fonctionne aussi bien. Non seulement cela, mais cela ne nécessite pas d'enregistrement et nous permet d'éditer des images, d'ajouter des filtres, des polices et une bonne poignée d'effets. Je l'ai depuis longtemps dans le dossier "favoris" de mon navigateur.

Pour compresser une image avec Pixlr Express, il suffit de charger l'image dans l'éditeur et de cliquer sur " Enregistrer " . Lors de la sauvegarde, l'outil nous permettra d'appliquer le niveau de compression souhaité (de 0% à 100%).

Au moment de la sauvegarde, c'est quand cela nous permet de compresser l'image

Bien entendu, la qualité de l'image sera en adéquation avec le niveau de compression que nous appliquons. A titre de recommandation personnelle, je vous conseillerais d'appliquer un niveau de compression de 65% par rapport à l'original . C'est ce point où l'image est toujours belle et son poids est considérablement réduit.

Comment compresser plusieurs images à la fois et en cascade

Si nous avons plusieurs images travailler avec Pixlr peut être un peu fastidieux. Pour ces cas, j'utilise un programme gratuit appelé RIOT (Radical Image Optimization Tool), spécialement conçu pour compresser les images JPG, GIF et PNG.

RIOT nous permet de charger une image, d'ajuster le niveau de compression et de voir un aperçu de son apparence une fois la compression appliquée. C'est formidable pour nous de l'ajuster autant que possible tout en ayant l'air bien.

Mais la vraie magie de RIOT réside dans sa fonction «Batch». De là, nous pouvons charger plusieurs images à la fois (par exemple, toutes les images contenues dans un dossier ou des sous-dossiers) et les compresser en cascade . Pour ce faire, il suffit de cliquer sur l'icône " Lot ", de sélectionner le dossier de destination ( dossier de sortie ) et le dossier source ( Ajouter des images -> Ajouter toutes les images du dossier ). Une fois que nous avons tout à notre goût, il suffit de cliquer sur " Démarrer " pour effectuer une compression de masse pour toutes les images sélectionnées.

C'est sympa, tu entends ...

La différence entre compresser les images une par une et le faire de cette façon est tout simplement abyssale. Imaginez que vous deviez optimiser toutes les images d'un emploi universitaire, ou pire, toutes les images de votre site Web.

Le niveau de compression parfait pour les images d'un blog ou d'un site Web

Comme je l'ai mentionné un peu plus haut, le niveau de compression parfait est de 65% pour les pages Web. Mais ce n'est qu'une recommandation personnelle ...

Mais si nous avons une page Web et que nous voulons le niveau de compression "parfait", nous voudrons sûrement quelque chose de plus que la recommandation personnelle d'un écrou qui se fait appeler "l'androïde heureux".

Pour ces cas, Google a la page bien connue pour les webmasters Pagespeed Insights. Cet outil, en plus de nous indiquer la vitesse de chargement de notre site Web et de nous donner d'autres conseils, nous permet également de télécharger une copie de toutes les images qu'une URL spécifique contient. Ces copies des images seront optimisées à 100%.

Pour télécharger les images, nous devons entrer l'URL où elles se trouvent, et cliquer sur le bouton « Analyser ». Une fois l'analyse terminée, depuis l'onglet " Ordinateur " nous faisons défiler presque jusqu'à la fin, et cliquons sur le lien " Télécharger les ressources image, JavaScript et CSS optimisés pour cette page ". Nous obtiendrons automatiquement un fichier ZIP avec ces ressources déjà optimisées.

C'est un peu caché, mais c'est une fonction avec un utilitaire brutal

J'espère que ce tutoriel vous sera utile. Si j'avais pu lire quelque chose comme ça quand j'ai commencé ce projet, cela m'aurait sûrement évité beaucoup de maux de tête.

PS: Post dédié à mon «moi» du passé. Voyons si vous apprenez, gamin!

Avez-vous installé Telegram ? Recevez le meilleur article de chaque jour sur notre chaîne . Ou si vous préférez, découvrez tout sur notre page Facebook .