Introduction#
Si vous devez optimiser les images, vous êtes au bon endroit. Saviez-vous que vous pouvez économiser jusqu’à 92 % sur la taille de vos fichiers images sans aucune perte de qualité visible à l’œil nu ?
En tant que développeurs, nous devons comprendre l’importance d’optimiser les images que nous utilisons ou qui seront utilisées par les utilisateurs de notre application.
- Une taille de fichier plus petite permettra à notre site de charger plus rapidement.
- Google prend en compte la vitesse de chargement de notre site pour nous positionner, ce qui est donc meilleur pour le SEO.
- Si nous permettons à nos utilisateurs de télécharger des images sur notre site web/API, nous pouvons économiser sur la bande passante consommée à la fois lors de l’upload et à chaque téléchargement/vue.
- En plus, nous économiserons de l’espace de stockage.
Comparaison#
Sans plus tarder, je vous laisse avec une comparaison des différents services et applications des formats les plus courants, à savoir le JPG et le PNG.
Tableau JPG
Conclusion#
Pour le jpg, le meilleur service/application est compressjpeg Pour PNG, le meilleur est Optipng.
Les tests ont été réalisés pour obtenir une qualité d’image similaire. Vous remarquerez probablement, lecteur passionné, que les économies sont considérables mais pas de 92 %. Pour y parvenir, vous pourrez bientôt lire l’article « Webp, ce grand inconnu »
Plugins pour optimiser les images#
Voici ci-dessous quelques plugins et bibliothèques qui peuvent vous aider dans ce processus d’optimisation, tous testés et évalués, par ordre décroissant de valeur apportée.
WordPress#
- Optimiseur Ewww
- Libre, multi-format et permet le traitement par lots.
- TinyPNG
- Un outil très simple à utiliser
C#.#
- ImageSharp
- La bibliothèque successeur d’ImageProcessor, compatible avec .Net Core
- Traitement d’image
- Les plus célèbres
- Imageoptimizer
- Pour une utilisation dans Azure
- Imazen
- Pour une utilisation avec JS+C #
Si cela vous intéresse bientôt, je ferai un article sur webp, un autre excellent format pour le web, un format peu connu de l’utilisateur moyen mais qui est merveilleux si l’on parle d’optimisation des images pour le web.
Si vous voulez faire quelque chose de gentil pour les autres, voici un pour utiliser votre page 404 afin de retrouver des personnes disparues.
