Convertir des pixels en centimètres pour WordPress suppose de connaître la résolution de référence utilisée par les navigateurs. La spécification CSS du W3C (CSS Values and Units Module Level 4) fixe une relation de 96 pixels par pouce pour les unités absolues, ce qui donne une base de calcul : 1 pouce = 2,54 cm, donc 96 px correspondent à environ 2,54 cm dans un contexte CSS.
Mais cette équivalence ne prédit pas la taille affichée à l’écran : un pixel CSS est une unité de référence, pas un pixel matériel. Ce que vous uploadez sur WordPress est mesuré en pixels ; les centimètres ne servent qu’à raisonner en impression ou en gabarit graphique.
Lire également : Identifier les signes d'un site ecommerce performant
Tableau de conversion pixels-cm et dimensions WordPress
Les dimensions ci-dessous s’appuient sur la base 96 px/pouce (standard CSS W3C). Pour une image de blog classique, les largeurs courantes en pixels donnent les équivalences suivantes en centimètres à l’écran de référence.
| Usage WordPress | Dimensions en pixels | Équivalent cm (96 dpi) |
|---|---|---|
| Image à la une (featured image) | 1200 x 628 px | 31,75 x 16,61 cm |
| Corps d’article (pleine largeur) | 800 x 600 px | 21,17 x 15,88 cm |
| Miniature (thumbnail WordPress) | 150 x 150 px | 3,97 x 3,97 cm |
| Taille moyenne générée | 300 x 300 px | 7,94 x 7,94 cm |
| Taille large générée | 1024 x 1024 px | 27,09 x 27,09 cm |
| Produit WooCommerce | 800 x 800 px | 21,17 x 21,17 cm |
Ces équivalences en centimètres servent de repère pour créer des gabarits dans Photoshop, Illustrator ou Canva avant d’exporter. À l’affichage web, seules les valeurs en pixels sont pertinentes.
A découvrir également : Transition de graphiste à UX designer : les étapes clés pour changer de carrière
Tailles d’images WordPress selon le contexte d’affichage
WordPress génère automatiquement plusieurs versions d’une image uploadée : miniature (150 x 150 px), taille moyenne (jusqu’à 300 x 300 px) et taille large (jusqu’à 1024 x 1024 px). Ces valeurs sont configurables dans Réglages > Médias.
L’image source uploadée devrait être plus grande que la taille d’affichage maximale, pour que le redimensionnement automatique produise des versions nettes. Uploader directement à 150 px une image destinée à apparaître en vedette sur un article est le raccourci le plus sûr vers un rendu flou.
Image à la une et entête d’article
La featured image dans WordPress s’affiche à des largeurs très variables selon le thème actif. Un thème à colonne unique sur desktop peut afficher l’image sur toute la largeur du contenu, soit entre 800 et 1200 px selon la mise en page. Uploader à 1200 px de large minimum couvre la majorité des thèmes sans pixellisation, y compris sur les écrans à haute densité (Retina).
Pour les blogs avec sidebar, la zone de contenu est souvent plus étroite – autour de 700 à 800 px. L’image source reste avantageusement plus large pour que WordPress génère une version adaptée.
Produits WooCommerce
WooCommerce utilise trois formats : l’image principale du produit, la galerie miniature et le zoom. La taille recommandée pour l’image principale tourne autour de 800 x 800 px pour un format carré, mais le thème Storefront ou un thème enfant peut imposer des proportions différentes. Vérifier les réglages dans WooCommerce > Réglages > Produits > Images permet d’aligner les dimensions uploadées avec ce que le thème attend réellement.
Résolution web vs impression : pourquoi la confusion pixels-cm persiste
La question « pixels à cm » vient souvent d’un raisonnement issu de l’impression. En impression, 300 dpi est la norme pour une qualité photographique : une image de 1200 x 1200 px imprimée à 300 dpi donne un tirage de 10,16 x 10,16 cm. Sur le web, cette logique ne s’applique pas : le navigateur ignore la résolution d’impression du fichier et n’affiche que les pixels déclarés.
Un fichier JPEG étiqueté 72 dpi et un autre étiqueté 300 dpi avec exactement les mêmes dimensions en pixels s’affichent de manière identique dans un navigateur. La résolution en dpi ne change rien à l’affichage web : seul le nombre de pixels compte. La confusion génère des uploads surdimensionnés – des images de plusieurs mégaoctets inutilement lourdes – qui pénalisent le chargement sans améliorer le rendu.
Optimisation des images pour WordPress : poids et format
Une image bien dimensionnée en pixels reste contre-productive si son poids de fichier est excessif. Le format et la compression déterminent ce poids.
- JPEG : adapté aux photographies, il offre un bon ratio qualité/poids avec une compression réglable. Un niveau de qualité entre 75 et 85 % donne généralement un résultat visuellement indiscernable d’un fichier non compressé.
- PNG : à réserver aux visuels avec transparence ou aux éléments graphiques nets (logos, icônes). Son poids est plus élevé que le JPEG pour les photographies.
- WebP : format moderne pris en charge par tous les navigateurs récents, il réduit le poids par rapport au JPEG à qualité équivalente. WordPress génère des variantes WebP depuis la version 5.8 si la bibliothèque serveur le supporte.
- AVIF : pris en charge par WordPress depuis la version 6.5, mais sa disponibilité dépend des bibliothèques installées sur le serveur d’hébergement. L’outil « État de santé du site » dans WordPress indique les formats acceptés.
Les plugins de compression automatique (Imagify, ShortPixel, Smush, entre autres) appliquent ces optimisations lors de l’upload sans intervention manuelle à chaque image.
Images adaptatives et comportement du navigateur
WordPress génère l’attribut srcset sur les balises d’image, qui liste plusieurs versions à différentes largeurs. Le navigateur choisit la version la plus adaptée à la taille de la fenêtre et à la densité de l’écran – pas l’auteur du contenu. Uploader une image source suffisamment grande garantit que toutes les versions générées sont de qualité, y compris sur mobile.
Ce mécanisme signifie qu’une seule dimension « idéale » n’existe pas : la taille uploadée doit couvrir le cas d’usage le plus large, et WordPress se charge du reste via les tailles intermédiaires automatiques.
Vérifier et corriger les tailles d’images sur un site existant
Sur un site WordPress existant, les images déjà uploadées ne bénéficient pas des nouvelles tailles configurées après coup. Le plugin Regenerate Thumbnails permet de recréer toutes les déclinaisons à partir des fichiers sources présents dans la médiathèque, sans re-uploader manuellement chaque image.
Pour identifier les images affichées à une résolution inadaptée, les outils de développement du navigateur (onglet Réseau, filtré sur les images) indiquent la taille réellement servie versus la taille affichée. Un écart important – une image de 2000 px affichée sur 400 px – signale un upload non optimisé qui alourdit inutilement la page.
La règle pratique reste constante : uploader à la taille utile, compresser avant ou à l’upload, et laisser WordPress générer les variantes. La conversion en centimètres n’intervient qu’en amont, au moment de créer le visuel dans un logiciel graphique avec un gabarit calé sur 96 dpi.
