Pourquoi les images de votre site web doivent être compressées | Bulk Image Compressor
Si votre site web met plus de quelques secondes à se charger, les internautes s’en vont. Ce n’est pas une opinion. Les propres recherches de Google montrent que les taux de rebond augmentent de 32% lorsque le temps de chargement passe d’une à trois secondes. Et les images sont presque toujours la principale raison pour laquelle les pages se chargent lentement.
La plupart des sites web servent des images bien plus grandes que nécessaire. Une seule image hero sortant directement d’un appareil photo ou d’un site de photos libres de droits peut facilement faire 5 Mo ou plus. Sur une connexion haut débit décente, ce seul fichier met quelques secondes à se charger. Sur une connexion mobile 3G, on parle d’environ 15 secondes pour une seule image. Imaginez maintenant une page avec cinq ou six images comme celle-là.
Quelle est la taille réelle de vos images ?
Voici une rapide vérification de réalité. Ouvrez les outils de développement de votre navigateur (F12), allez dans l’onglet Réseau, rechargez votre page et filtrez par « Img ». Regardez les tailles. Vous trouverez probablement au moins quelques images dépassant 1 Mo.
Pour référence, voici à quoi ressemblent des images typiques non compressées :
- Une photo DSLR utilisée comme bannière hero : 4 à 8 Mo
- Une photo produit prise avec un smartphone : 2 à 5 Mo
- Une photo libre de droits téléchargée en pleine résolution : 3 à 10 Mo
- Une infographie ou illustration enregistrée en PNG : 1 à 4 Mo
Après une compression appropriée, ces mêmes images peuvent faire 100 Ko à 300 Ko sans perte de qualité visible. C’est une réduction de 90% ou plus de la taille du fichier.
Vitesse de page et Core Web Vitals
Google utilise les Core Web Vitals comme signal de classement, et les images affectent directement deux des trois métriques.
Largest Contentful Paint (LCP) mesure le temps nécessaire au chargement du plus grand élément visible. Sur la plupart des pages, ce plus grand élément est une image. Si votre image hero fait 5 Mo, votre LCP sera terrible. Google considère que tout ce qui dépasse 2,5 secondes est un mauvais score LCP. Les images compressées ramènent régulièrement le LCP sous ce seuil.
Cumulative Layout Shift (CLS) mesure la stabilité visuelle. Les images sans dimensions définies provoquent des décalages de mise en page pendant leur chargement. Cela concerne plus les attributs HTML que la compression, mais les images surdimensionnées qui se chargent lentement aggravent le problème car la page affiche du contenu autour d’un espace réservé qui peut ne pas correspondre à la taille finale de l’image.
Vous pouvez vérifier vos scores actuels avec Google PageSpeed Insights. Lancez l’analyse de votre page d’accueil et de quelques pages internes. Si votre score de performance est inférieur à 90, les images sont probablement une grande partie du problème.
Le lien avec le référencement
La vitesse de page est un facteur de classement Google confirmé. Il l’est depuis 2010 pour le desktop et 2018 pour le mobile. L’introduction des Core Web Vitals en 2021 l’a rendu encore plus direct.
Mais l’impact va au-delà du simple signal de vitesse. Les pages lentes sont explorées moins fréquemment par Googlebot. Google alloue un « budget d’exploration » à chaque site, et si vos pages sont lentes, le robot dépense son budget à attendre des réponses au lieu d’indexer plus de votre contenu. Pour les grands sites avec des centaines ou des milliers de pages, cela compte beaucoup.
Il y a aussi un effet indirect via le comportement des utilisateurs. Quand les gens quittent les pages lentes, Google le remarque. Des taux de rebond élevés et un faible temps passé sur la page envoient des signaux d’engagement négatifs qui peuvent affecter votre classement au fil du temps.
Expérience utilisateur et taux de rebond
Les internautes sont impatients en ligne. Une étude de Portent a révélé que les taux de conversion chutent en moyenne de 4,42% pour chaque seconde supplémentaire de temps de chargement. Si votre site e-commerce met cinq secondes à se charger au lieu de deux, vous pourriez perdre un pourcentage significatif de ventes.
Les utilisateurs mobiles sont encore moins patients. Plus de la moitié du trafic web provient d’appareils mobiles, et les connexions mobiles sont généralement plus lentes que les connexions desktop. Vos images doivent être suffisamment petites pour se charger rapidement sur un téléphone utilisant un réseau cellulaire.
Il y a aussi le facteur de perception. Un site rapide semble plus professionnel et digne de confiance. Un site lent donne l’impression d’être cassé, même si tout finit par se charger. Les premières impressions se font en quelques millisecondes.
Les coûts de bande passante s’accumulent
Si vous êtes sur un hébergement partagé ou un forfait de base, la bande passante n’est peut-être pas quelque chose à laquelle vous pensez. Mais pour les sites avec un trafic réel, la bande passante coûte de l’argent.
Faisons un calcul. Disons que votre page moyenne a 3 Mo d’images et que vous avez 100 000 pages vues par mois. Cela représente 300 Go de données d’images transférées mensuellement. Après compression, ces mêmes pages pourraient avoir 400 Ko d’images, ramenant le transfert à 40 Go. C’est une réduction significative des coûts d’hébergement et des factures de CDN.
Pour les sites à fort trafic, les entreprises médiatiques ou les boutiques e-commerce avec de grands catalogues produits, cette différence peut permettre d’économiser des centaines ou des milliers d’euros par mois.
Comment compresser par lots les images de votre site web
Vous pourriez compresser les images une par une dans Photoshop ou GIMP, mais si vous avez des dizaines ou des centaines d’images, ce n’est pas pratique. La compression par lots est la solution.
Avec Bulk Image Compressor, vous pouvez glisser-déposer toutes les images de votre site web à la fois et les compresser ensemble. Voici un flux de travail pratique :
-
Exportez vos images actuelles. Si elles sont déjà sur votre site, téléchargez-les. Si vous construisez un nouveau site, rassemblez toutes les images que vous prévoyez d’utiliser.
-
Choisissez votre format. Pour les photographies, JPEG ou WebP fonctionnent le mieux. Pour les graphiques avec transparence, utilisez PNG ou WebP. Si vous n’êtes pas sûr du format à choisir, consultez notre guide des formats d’image pour les performances web.
-
Définissez votre niveau de qualité. Pour la plupart des images de site web, un réglage de qualité de 75 à 85% offre un bon équilibre entre taille de fichier et qualité visuelle. Vous pouvez descendre plus bas pour les miniatures ou les images d’arrière-plan. Pour plus de détails sur ce compromis, voir notre article sur la réduction de la taille des fichiers sans perte de qualité.
-
Compressez et téléchargez. L’outil traite tout dans votre navigateur, donc vos images ne quittent jamais votre ordinateur. Remplacez les originaux sur votre serveur par les versions compressées.
-
Définissez aussi les dimensions. Ne servez pas une image de 4000 px de large dans un conteneur qui ne fait que 800 px de large. Redimensionnez vos images pour qu’elles correspondent à leur taille d’affichage avant ou pendant la compression. Cela seul peut réduire considérablement la taille des fichiers.
Un exemple rapide avant-après
Voici à quoi ressemble la compression en pratique pour un site web typique :
| Image | Avant | Après | Économie |
|---|---|---|---|
| Bannière hero (JPEG) | 4,2 Mo | 210 Ko | 95% |
| Photo d’équipe (JPEG) | 3,1 Mo | 185 Ko | 94% |
| Logo (PNG) | 890 Ko | 95 Ko | 89% |
| Miniature blog (JPEG) | 1,8 Mo | 120 Ko | 93% |
| Total | 10 Mo | 610 Ko | 94% |
C’est la différence entre une page qui se charge en une seconde et une qui se charge en huit.
N’oubliez pas le nouveau contenu
Compresser vos images existantes est une solution unique, mais vous avez aussi besoin d’un processus pour le contenu continu. Chaque fois que vous ou votre équipe ajoutez un nouvel article de blog, une page produit ou une page d’atterrissage, ces images doivent être compressées avant d’être mises en ligne.
Faites de la compression d’images une partie de votre flux de travail de publication de contenu. Cela prend quelques minutes et l’impact sur la vitesse de votre site et votre référencement est réel et mesurable.
Les images de votre site web sont probablement la plus grande amélioration de performance que vous puissiez faire. Les outils sont gratuits, le processus est rapide, et les résultats sont immédiatement visibles dans vos scores de vitesse de page.
Ready to compress your images?
Bulk compress JPEG, PNG, WebP, and AVIF images right in your browser. No uploads, no sign-ups.
Try Bulk Image Compressor