Image hero de site — la bonne taille
Déposez votre photo d’en-tête — everyimg la recadre en 1920 × 1080 px (16:9), la convertit en WebP et la compresse sous 200 Ko. Nette sur ordinateur, rapide sur mobile.
Déposez des images ici ou cliquez pour parcourir
L’image hero, c’est la vitesse de votre page
Google mesure le Largest Contentful Paint (LCP) — le temps avant l’affichage du plus grand élément du premier écran. Sur la plupart des sites, cet élément est l’image hero. Le seuil « bon » de Google est de 2,5 secondes ; une seule photo non optimisée de 4–8 Mo le dépasse à elle seule. Cela nuit au classement et coûte des visiteurs : la majorité abandonne les pages qui mettent plus de 3 secondes environ à charger.
Les chiffres qui marchent
- 1920 px de large — couvre les écrans d’ordinateur Full-HD 1:1. N’allez à 2560 px que si vos statistiques montrent une part significative d’écrans plus grands.
- Format WebP — 25–35% plus petit que JPG à qualité visible identique, pris en charge par tous les navigateurs actuels.
- Sous 200 Ko — réaliste pour presque toute photo de 1920 px en WebP sans perte visible.
Retina, mobile et le piège du « c’est flou »
Un hero de 1920 px affiché pleine largeur est net sur les écrans standard et acceptable sur les écrans Retina (qui voudraient théoriquement 2× de pixels — mais pour les grandes photos la différence est à peine visible, et doubler les pixels quadruple le poids). Ce qui provoque réellement des heros flous, c’est d’envoyer des images plus petites que la largeur d’affichage, que le navigateur agrandit ensuite. everyimg vous prévient quand votre original est trop petit au lieu de l’étirer en silence.
Questions fréquentes
Quelle taille pour une image hero de site ?
1920 px de large (16:9, soit 1920 × 1080 px) couvre nettement les écrans d’ordinateur standard. Pour de très grandes mises en page, 2560 px est le maximum raisonnable — plus large n’aide personne et ralentit votre page.
Quel poids en Ko pour l’image hero ?
Sous 200 Ko est un bon objectif en WebP, sous 500 Ko le maximum absolu. L’image hero est souvent le plus grand élément de la page et détermine directement votre score Core Web Vitals de Google (LCP).
Pourquoi mon image d’en-tête ralentit-elle mon site ?
Parce qu’elle est presque toujours l’élément LCP — le plus grand dans le premier écran. Une photo de téléphone de 4 Mo en hero ajoute des secondes à votre temps de chargement. Redimensionnez à 1920 px, convertissez en WebP, gardez-la sous 200 Ko et le problème disparaît.
Quel format pour une image hero ?
Il n’y a pas de réponse universelle — cela dépend de votre thème. Le 16:9 est le point de départ le plus sûr ; beaucoup de thèmes recadrent en bannières d’environ 2:1 ou 3:1. Vérifiez ce que votre thème affiche et recadrez à ce format avant l’envoi, pour contrôler ce qui est coupé.