Tooooolbox
100% privé
21 juin 2026 · 7 min de lecture
Sur la plupart des sites, les images représentent plus de la moitié du poids total d'une page. Une seule photo sortie d'un téléphone peut peser 4 à 8 Mo — de quoi rendre une page poussive sur mobile et faire fuir les visiteurs avant même qu'elle ne s'affiche. Google tient aussi compte de la vitesse de chargement dans son classement : des images trop lourdes vous coûtent donc à la fois des visiteurs et du référencement. Voici comment corriger cela sans dégrader l'apparence de votre site.
C'est l'étape que la plupart des gens sautent, et c'est pourtant la plus rentable. Un appareil moderne produit des images de 4000 à 6000 pixels de large, mais une image pleine largeur sur un site dépasse rarement 2000 pixels d'affichage — et une vignette en demande bien moins. Servir une image de 6000 px dans un emplacement de 600 px gaspille énormément de bande passante.
Déterminez la taille réelle d'affichage de l'image sur la page, puis redimensionnez à environ cette largeur (un peu plus pour les écrans haute résolution, c'est très bien). Le seul redimensionnement peut réduire le poids de 80 % ou plus avant même de compresser le moindre octet.
Pour les photographies, utilisez le WebP ou l'AVIF — tous deux nettement plus légers que le JPEG à qualité visible égale, et tous les navigateurs modernes prennent en charge le WebP. Pour les logos, icônes et visuels en aplats ou avec transparence, utilisez le PNG, ou le WebP sans perte pour gagner de la place. Évitez le PNG pour les photos entières : il est sans perte et bien trop lourd pour cet usage.
Si vous avez besoin d'une compatibilité maximale avec de très vieux logiciels, le JPEG reste la valeur de secours universelle pour les photos.
La qualité de compression est un curseur, pas un interrupteur. Pour la plupart des photos web, une qualité de 70 à 80 % est invisible à l'œil mais réduit fortement le poids. En dessous de 60 % environ, on commence à voir des blocs dans les ciels et les dégradés. L'astuce : comparer l'avant et l'après à la taille cible et s'arrêter dès que la qualité commence à souffrir.
Notre compresseur affiche la taille de sortie en temps réel et propose un curseur avant/après : vous trouvez ainsi le bon équilibre pour chaque image au lieu de deviner.
En règle générale : images d'en-tête et pleine largeur sous ~200 Ko, images dans le corps d'article sous ~100 Ko, vignettes sous ~30 Ko. Ce ne sont pas des limites strictes, mais si une image dépasse largement, elle a presque certainement besoin d'être redimensionnée ou plus compressée.
Si vous avez une contrainte précise — par exemple chaque photo produit sous 100 Ko — utilisez un outil de compression à taille cible qui descend exactement sous cette limite plutôt que de régler le curseur à l'œil.
Ajoutez un texte alternatif descriptif à chaque image — c'est utile pour l'accessibilité et le SEO. Activez le chargement différé (lazy-load) pour les images sous la ligne de flottaison, afin que le navigateur ne les charge qu'au besoin. Et supprimez les métadonnées EXIF des photos publiées : elles ajoutent du poids et peuvent divulguer une géolocalisation que vous préféreriez garder privée.
Aucun logiciel coûteux n'est nécessaire pour tout cela. Déposez vos images dans notre compresseur, réglez la largeur et la qualité, et téléchargez des versions optimisées en quelques secondes. Tout s'exécute localement dans votre navigateur : même les images sensibles ne sont jamais envoyées nulle part.