Comment compresser les images de votre site web

Mis à jour le 10 octobre 2026 · RelMedia

En bref

Réduisez chaque photo à la plus grande largeur à laquelle elle s'affiche réellement, enregistrez-la en WebP, et visez environ 250 Ko pour une bannière pleine largeur, 150 Ko pour une grande image et moins de 100 Ko pour les images dans le texte.

Image	Largeur	Poids cible
Bannière pleine largeur, Retina	2400 px	≤ 380 Ko
Bannière pleine largeur	1920 px	≤ 250 Ko
Grande image dans une page	1200 px	≤ 150 Ko
Image dans un article	800 px	≤ 90 Ko
Vignette, carte	400 px	≤ 35 Ko

Ouvrir CrispSize avec les tailles web cochées →Gratuit · rien n'est téléversé · sans inscription

La règle la plus importante

Une photo ne devrait jamais être plus large que le plus grand espace qu'elle occupe à l'écran. Une photo de 4000 px affichée à 800 px fait télécharger environ 25 fois trop de pixels. Redimensionner rapporte généralement plus que n'importe quel réglage de compression.

Compresser sans perte visible

Le mode Intelligent de CrispSize baisse la qualité par petites étapes jusqu'à ce que chaque fichier respecte son poids cible, sans jamais descendre sous un seuil de qualité : les photos restent nettes. Le mode Qualité max sert aux portfolios et aux épreuves d'impression.

Astuces HTML pour de bons Core Web Vitals

Indiquez width et height sur chaque image pour que la page ne saute pas pendant le chargement.
Ajoutez loading="lazy" aux images plus bas dans la page, jamais à votre bannière principale.
Donnez fetchpriority="high" à la bannière principale : c'est souvent votre Largest Contentful Paint.
Utilisez srcset pour que les téléphones téléchargent la version 800 px et non la 2400 px. CrispSize écrit ce code pour vous.

Nommez vos fichiers

Utilisez des mots, pas des numéros d'appareil : chaise-cuir-rouge-1200w.webp aide plus Google Images que IMG_4821.jpg. CrispSize peut renommer un lot complet selon un modèle.

Compresser les images de votre site

Ouvrez CrispSize : les tailles web sont déjà cochées, en WebP.
Déposez vos photos et gardez la compression Intelligente.
Téléchargez le ZIP et collez le code de web/picture-snippets.html dans votre site.

Ouvrir CrispSize avec les tailles web cochées →Gratuit · rien n'est téléversé · sans inscription

Questions

Quelle est la bonne taille d'image pour un site web?

Celle de l'affichage : environ 1920 px pour une bannière pleine largeur, 1200 px pour une grande image et 800 px pour une image dans le texte, en WebP.

Combien de Ko devrait peser une image web?

Environ 250 Ko ou moins pour une bannière pleine largeur, 150 Ko pour une grande image et moins de 100 Ko pour une image dans le texte.

Compresser ses images aide-t-il le référencement?

Indirectement, oui : des images plus légères accélèrent les pages, ce qui améliore les Core Web Vitals et l'expérience, deux choses que Google mesure.

Est-ce sécuritaire de compresser des photos de clients en ligne?

Avec CrispSize, rien n'est téléversé : la compression se fait dans votre navigateur.