Introduction
« Sans perte de qualité » signifie rarement conserver chaque octet. Cela signifie simplement que personne ne remarquera de modification sur l'image finale. C'est un objectif beaucoup plus facile à atteindre, généralement avec un fichier beaucoup plus petit.
La plupart des personnes qui posent cette question souhaitent une chose : une page qui se charge plus rapidement, une pièce jointe respectant la limite de taille des e-mails, ou une capture d'écran pour la documentation qui ne soit pas trop volumineuse (4 MB). La théorie importe moins que la méthode de travail permettant de réduire la taille du fichier sans en altérer la qualité.
Voici donc les points à déterminer avant de compresser, pourquoi le redimensionnement et la compression sont deux opérations différentes, et comment vérifier ensuite que vous n'avez pas exagéré.
Décidez d'abord où l'image sera placée
Une image principale sur un site web, une pièce jointe à un e-mail, une publication sur les réseaux sociaux et une capture d'écran dans un article d'aide ont toutes des exigences différentes. Si vous recherchez uniquement le fichier le plus petit possible, vous ferez un mauvais compromis pour au moins certains d'entre eux.
Une fois la destination définie, le choix devient simple. Pour une page web, l'important est l'apparence de l'image à sa taille d'affichage. Pour un e-mail, il faut tenir compte de la limite de taille des pièces jointes et du temps d'envoi. Pour la documentation, il est essentiel que le texte de la capture d'écran reste lisible.
- Sites web : réduisez au maximum la taille possible tout en conservant une apparence identique sur la page.
- E-mails et messagerie instantanée : respectez la limite tout en conservant un rendu professionnel.
- Documents et captures d'écran : privilégiez la netteté du texte, puis ajustez la taille.
La compression et le redimensionnement sont deux opérations différentes
La compression réduit la taille du fichier tout en conservant la largeur et la hauteur. Le redimensionnement modifie la largeur et la hauteur. On confond souvent les deux, ce qui explique la confusion fréquente autour des conseils d'« optimisation des images ».
En général, il est préférable de procéder en deux étapes, dans l'ordre. Si une photo de 4 000 pixels doit être insérée dans un emplacement de 800 pixels, redimensionnez-la d'abord. Il est inutile de compresser soigneusement des pixels qui ne seront jamais vus. Compressez ensuite le reste.
- Compressez directement l'image lorsqu'elle a déjà la taille d'affichage prévue.
- Redimensionnez d'abord l'image lorsqu'elle est plus grande que sa taille d'affichage finale.
- Redimensionner puis compresser permet d'obtenir le fichier le plus petit possible pour une modification minimale.
Pourquoi compresser dans le navigateur
Lorsque les images sont déjà sur votre ordinateur, les compresser dans un onglet de navigateur est tout simplement plus rapide : pas de chargement, pas d'attente, pas de lien de téléchargement à suivre. Cela permet également de conserver sur votre machine les captures d'écran de tableaux de bord internes, les travaux clients et les images de produits non encore commercialisés.
Cette deuxième étape est souvent négligée. De nombreux travaux de retouche d'images sont effectués bien avant la publication, et les images qui nécessitent le plus de compression sont souvent celles que vous souhaiteriez le moins voir hébergées sur le serveur d'un tiers.
Vérifiez le résultat avant de l'utiliser
Ne jugez pas une image compressée à sa taille. Observez d'abord les éléments qui se dégradent : les petits textes, les contours nets, les dégradés progressifs comme le ciel et les détails fins des photos de produits. Si ces éléments restent corrects à la taille d'affichage prévue, la compression est terminée.
Lors de la compression d'un lot, repérez l'image qui présente des défauts. Neuf images peuvent convenir en qualité « Modérée », tandis que la dixième, généralement celle avec un grand dégradé progressif, nécessite une compression « Sans perte ».
- Commencez par examiner les petits textes. S'ils sont flous, réduisez la compression.
- Recherchez les bandes ou les zones pixellisées dans les dégradés et les aplats de couleur.
- Vérifiez que les contours des captures d'écran et des photos de produits restent nets.
Je le fais dans ToolBuddy
Ouvrez Image Compressor et importez vos fichiers JPG, PNG ou WebP. Choisissez un niveau de compression : « Sans perte » préserve la qualité d’origine, tandis que « Modéré » et « Extrême » réduisent davantage la taille des fichiers. Choisissez également le format de sortie. WebP est le format par défaut et convient parfaitement au web ; le format AVIF permet généralement de réduire encore la taille des fichiers si votre site le prend en charge. Téléchargez chaque image individuellement ou le lot entier au format ZIP.
Si vous vous apercevez en cours de route que les images sont trop volumineuses, arrêtez-vous et redimensionnez-les d'abord avec l'outil Image Resize. Revenez ensuite à la compression. Vous obtiendrez un fichier plus petit qu'avec la seule compression.
Écrit par
Ankit Kumar
Ingénieur logiciel senior et fondateur chez ToolBuddy
Ingénierie d'utilitaires axés sur le navigateur sans aucune exigence de téléchargement à l'aide des technologies WebAssembly, Web Audio et Canvas.