Calculateur WordPress gratuit
Calculateur taille image WordPress : trouvez les bonnes dimensions d'export
Vérifiez si vos images sont surdimensionnées, calculez les dimensions réellement utiles selon leur largeur d'affichage et obtenez des recommandations de chargement.
Performance WordPress
Une image doit être adaptée à sa taille réelle d'affichage
Une image de 4000px de large n'est pas forcément utile lorsqu'elle n'est affichée qu'à 600px. Le calculateur estime une dimension source cohérente selon l'espace d'affichage et la densité d'écran souhaitée.
Mesurez la largeur affichée
Indiquez la largeur maximale réellement occupée par l'image dans votre mise en page.
- Hero
- Image de contenu
- Carte ou miniature
Analysez l'image source
Chargez votre fichier pour récupérer automatiquement sa largeur, sa hauteur et son poids.
- Dimensions originales
- Poids du fichier
- Ratio conservé
Obtenez une recommandation
Comparez la source à la dimension réellement nécessaire et vérifiez les attributs de chargement adaptés.
- Dimension cible
- Format conseillé
- Lazy loading
Analyse d'image
Votre image est-elle plus grande que nécessaire ?
Chargez une image ou renseignez manuellement ses dimensions. Le fichier reste analysé localement dans votre navigateur.
Caractéristiques du fichier
Vous pouvez charger l'image pour remplir automatiquement ses dimensions et son poids.
Le fichier est analysé directement dans votre navigateur. Il n'est pas envoyé par cet outil.
Méthodologie
Pas de dimension magique : elle dépend de l'affichage
Une image responsive peut être servie dans plusieurs dimensions. Le bon objectif consiste donc à fournir suffisamment de pixels pour le rendu souhaité sans envoyer systématiquement un fichier beaucoup plus grand que nécessaire.
Questions fréquentes
Taille et optimisation des images WordPress
Les dimensions, le format et la manière de charger une image peuvent avoir un impact important sur les performances.
Découvrir mon service WordPress →Quelle taille d'image utiliser sur WordPress ?
Il n'existe pas une dimension unique adaptée à toutes les images. Elle dépend principalement de la largeur maximale réellement affichée, de la densité de l'écran et du ratio du visuel.
Faut-il envoyer une image deux fois plus large ?
Une source environ deux fois plus large peut être pertinente pour un rendu net sur certains écrans haute densité, mais il n'est pas nécessaire d'appliquer systématiquement cette règle à toutes les images.
WordPress redimensionne-t-il automatiquement les images ?
WordPress génère différentes tailles lors de l'import d'une image et peut utiliser les attributs srcset et sizes pour laisser le navigateur choisir une ressource adaptée au rendu.
WebP ou AVIF : quel format choisir ?
WebP et AVIF permettent généralement une compression efficace pour le web. Le meilleur résultat dépend toutefois du visuel, de la qualité souhaitée et de votre chaîne de génération d'images.
Dois-je mettre loading="lazy" sur toutes mes images ?
Non. Le lazy loading est surtout adapté aux images qui ne sont pas nécessaires immédiatement. Une image importante visible dès l'ouverture, notamment lorsqu'elle devient l'élément LCP, doit être traitée différemment.
Quel poids maximum doit faire une image WordPress ?
Il n'existe pas de poids maximum universel pertinent pour toutes les images. Une grande photographie de hero et une petite icône n'ont pas les mêmes contraintes. Il faut surtout éviter d'envoyer davantage de pixels et de données que nécessaire.
Pourquoi renseigner width et height dans les images ?
Ces dimensions permettent notamment au navigateur de réserver l'espace correspondant au ratio de l'image avant son chargement et contribuent à limiter les déplacements de mise en page.
Votre WordPress est lent ?
Les images ne sont qu'une partie des performances WordPress.
Images, CSS, JavaScript, cache, hébergement, polices et structure du thème doivent être analysés ensemble.
Formats, dimensions, compression et chargement responsive.
Analyse du LCP, de l'INP, du CLS et des principaux blocages.
Cache, ressources, plugins, thème et configuration technique.
Parlez-moi de votre projet
Décrivez votre site et les problèmes rencontrés.