Bhinish Dhiman· Mis à jour 5 octobre 2026

Pourquoi les convertisseurs de pixels en pouces se contredisent, et quelle réponse vous concerne

Traduit de l’original en anglais. Lire l’original

Les convertisseurs divergent parce que « pixel » désigne trois choses. Un pixel CSS est fixé à 96 par pouce ; un pixel d'image imprimée mesure 1/ppi de pouce, quelle que soit la résolution d'impression ; un pixel matériel d'écran varie selon l'appareil. Ainsi, 1920 pixels font 20 pouces en CSS et 6.4 pouces à 300 ppi. Utilisez 96 pour les feuilles de style, votre résolution d'impression pour le papier, et une carte bancaire pour mesurer la taille réelle à l'écran.

Saisissez 1920 pixels dans trois convertisseurs et vous pouvez obtenir trois réponses : 20 pouces, 26.67 pouces et 6.4 pouces. Aucun ne s’est trompé dans son calcul. Chacun a décidé de ce qu’est un pixel, et la plupart ne vous disent pas quelle décision ils ont prise.

Un nombre, quatre réponses

Toute conversion de pixels en pouces est la même division : pouces = pixels ÷ pixels par pouce. Tout le désaccord se loge dans le diviseur.

Ce que suppose le convertisseur Pixels par pouce 1920 px en pouces 1920 px en centimètres
Un pixel CSS 96 20 50.8
L’ancienne valeur du Macintosh 72 26.6667 67.7333
Une image imprimée à 150 ppi 150 12.8 32.512
Une image imprimée à 300 ppi 300 6.4 16.256
Un pixel de votre propre écran Dépend de l’écran Inconnu tant qu’il n’est pas mesuré Inconnu tant qu’il n’est pas mesuré

La réponse la plus haute et la plus basse des réponses connues diffèrent de plus d’un facteur quatre (26.6667 ÷ 6.4 = 4.17). Ce n’est pas une question d’arrondi. Ce sont trois questions différentes qui partagent un même mot.

Un pixel, c’est trois choses différentes

Un pixel CSS vaut 1/96 de pouce CSS, par définition. La spécification CSS Values and Units Level 4 (§6.2, longueurs absolues) fixe 1in = 2.54cm = 96px : 96 n’est donc ni une moyenne ni un réglage. C’est le bon diviseur pour tout ce qui est écrit dans une feuille de style, conçu dans un outil de design qui produit du CSS, ou mesuré dans un navigateur. La même section définit le pixel de référence comme l’angle visuel d’un pixel à 96 dpi vu à bout de bras, soit environ 0.0213 degré à une distance nominale de 28 pouces.

Un pixel d’image n’a aucune taille physique tant qu’il n’est pas imprimé. Son pouce dépend de la résolution d’impression. La documentation d’Adobe sur la boîte Image Size (Taille de l’image) avec le rééchantillonnage désactivé le montre exactement : modifier la résolution change la taille imprimée et rien d’autre, ni les dimensions en pixels, ni la taille du fichier, ni l’aspect de l’image à l’écran.

Un pixel matériel est un point physique d’un écran donné. Un pixel CSS en couvre devicePixelRatio, ce qui, sur un téléphone ou un ordinateur portable à haute densité, en fait plusieurs. La spécification recommande que les écrans ancrent leurs longueurs sur le pixel et que l’impression les ancre sur les unités physiques. Conséquence : à l’impression, un pouce CSS est un vrai pouce ; à l’écran, il vaut 96 pixels CSS, quelle que soit la longueur qu’ils mesurent réellement sur la dalle.

D’où viennent 72 et 96

Le Macintosh de 1984 avait un écran de 72 ppi : un point typographique (1/72 de pouce) correspondait donc exactement à un pixel, et ce que l’on voyait correspondait au papier. Windows déclarait des écrans de densité à peu près identique comme ayant 96 dpi « logiques », soit un tiers de plus (96 ÷ 72 = 4/3), pour qu’un texte en corps 10 dispose d’assez de pixels pour être lisible. L’équipe typographie de Microsoft a raconté cette histoire dans « Where does 96 DPI come from in Windows? » (d’où vient le 96 DPI de Windows ?), et CSS a ensuite adopté la valeur de Windows comme rapport entre pixels et pouces.

Le 72 a survécu à deux endroits : comme valeur par défaut du champ de résolution dans les logiciels d’image, et dans la croyance selon laquelle 72 dpi serait la « résolution web ». Cette croyance n’a jamais été vraie. Un navigateur ignore la résolution enregistrée dans une image et dessine ses pixels comme des pixels CSS, mis à l’échelle selon le rapport de pixels de l’appareil. Ce champ ne compte qu’une fois le fichier imprimé ou placé dans une mise en page destinée à l’impression. Un convertisseur qui divise par 72 pour le web donne une réponse supérieure d’un tiers à la réponse CSS : 26.6667 ÷ 20 = 1.333.

Ce que supposent les convertisseurs des résultats de recherche

Quand nous avons examiné les dix premiers résultats pour « px to inches » en octobre 2026, deux schémas couvraient presque tous les cas :

  • Une seule formule pour tout. La page la plus courante indiquait que 1 pouce vaut 96 pixels « pour le web », puis appliquait la même formule pouces = px ÷ PPI au web, à l’impression et aux appareils indifféremment, sans distinguer pixels CSS, pixels d’image et pixels matériels, et sans mentionner devicePixelRatio.
  • Des préréglages sans valeur par défaut annoncée. Une autre proposait 72, 96 et 300 comme préréglages et qualifiait 72 ou 96 de « standard historique » pour le web, sans dire laquelle de ces valeurs son résultat utilisait.

Les convertisseurs px vers rem examinés au même moment montraient la même habitude : presque tous supposaient une racine de 16px avec une base modifiable, et aucun ne montrait le calcul derrière chaque résultat.

Rien de tout cela n’est une erreur de calcul. C’est une prémisse non dite, et le visiteur dont la prémisse diffère reçoit un chiffre faux affiché avec assurance. Quelqu’un qui envoie une image de 1920 pixels à un imprimeur travaillant à 300 ppi et qui lit « 20 pouces » s’entend dire que l’impression sera plus de trois fois plus large qu’elle ne le sera (20 ÷ 6.4 = 3.125).

Quelle réponse vous concerne

Vous écrivez du CSS ou mesurez dans un navigateur : 96

Divisez par 96, à chaque fois. 1920 pixels CSS font 20 pouces CSS. Dans une feuille de style d’impression, ce sont de vrais pouces ; sur un moniteur, ils ne le sont pas, et rien en CSS ne peut les rendre réels.

Vous envoyez une image sur papier : votre résolution d’impression

Pouces = pixels ÷ ppi, et pixels nécessaires = pouces × ppi. 300 ppi est la convention du métier pour les tirages regardés de près ; c’est une convention, pas une norme. Les imprimeurs disent généralement « dpi » quand ils parlent de ppi. À strictement parler, le PPI désigne les pixels par pouce d’une image et le DPI les points d’encre que dépose une imprimante, mais une demande d’« image à 300 dpi » signifie 300 pixels par pouce.

Vous voulez savoir quelle taille un objet a sur votre écran : mesurez-le

Aucune interface web ne communique la taille physique d’un écran ni sa densité réelle. devicePixelRatio donne le nombre de pixels matériels par pixel CSS et ne dit rien de la longueur. Un objet de taille connue est la seule référence honnête, et la plus évidente se trouve dans votre portefeuille : les cartes bancaires et la plupart des cartes d’identité mesurent 85.60 × 53.98 mm selon la norme ISO/IEC 7810.

Supposons qu’un rectangle corresponde au grand côté d’une carte à 400 pixels CSS. 85.60 mm font 3.3701 pouces, donc 400 ÷ 3.3701 = 118.7 pixels CSS par pouce réel, et un pouce CSS mesure 96 ÷ 118.7 = 0.81 pouce réel, soit 20.5 mm. Le zoom du navigateur modifie la taille d’un pixel CSS : ce chiffre ne vaut donc qu’au niveau de zoom auquel il a été mesuré.

Le faire dans le convertisseur de pixels

  1. Ouvrez le convertisseur de pixels et répondez à sa première question, à quoi servent les pixels : For CSS (pour le CSS), For print (pour l’impression) ou On this screen (sur cet écran).
  2. Saisissez la taille dans Value (valeur). Un nombre seul utilise l’unité du menu From (de) ; si vous tapez aussi l’unité, par exemple 1920px ou 8.5in, le menu se règle pour vous.
  3. Réglez le seul paramètre dont dépend la réponse. Pour l’impression, choisissez 72, 96, 150, 300 ou 600, ou saisissez votre propre résolution à côté : un tableau des formats de papier en pixels entiers apparaît alors sous les résultats. Pour le CSS, les champs Root font size (taille de police racine), Parent font size (taille de police du parent) et Viewport width (largeur de la fenêtre d’affichage) définissent la base des unités rem, em et vw.
  4. Pour On this screen, posez une carte à plat contre le rectangle sous Measure this screen with a bank card (mesurez cet écran avec une carte bancaire), son coin sur le coin supérieur gauche du rectangle, puis ajustez le curseur ou les boutons − et + (un demi-pixel par pression) jusqu’à ce que les bords droits s’alignent. Sur un téléphone étroit, appuyez sur Use the short edge (utiliser le petit côté) et alignez le côté de 53.98 mm. Tant que vous n’avez pas mesuré, ce mode affiche des pouces CSS, et il vous invite à mesurer de nouveau si le zoom change.
  5. Lisez les cartes de résultat. Chacune affiche son calcul ; à 300 ppi, 1920 pixels donnent « 1920px ÷ 300 = 6.4in (300 px per inch) ». Le bouton de copie prend la valeur avec son unité.

Autres méthodes

Il n’existe pas de convertisseur intégré à macOS ou à Windows à vous recommander, et les deux premiers sens n’en ont pas besoin : il s’agit d’une simple division sur n’importe quelle calculatrice, par 96 pour le CSS ou par votre résolution d’impression pour le papier. Le troisième sens n’a aucune formule, car rien sur une page web ne connaît la taille de l’écran. C’est ce manque que comble la carte.

Vérifier que rien n’est envoyé

Les calculs se font dans l’onglet. La mesure de l’écran est enregistrée dans le stockage propre à ce navigateur pour vous éviter de la refaire, et elle ne quitte pas votre appareil. Pour le vérifier, ouvrez les outils de développement de votre navigateur sur l’onglet Réseau, puis saisissez des valeurs et changez de mode : aucune nouvelle requête ne doit apparaître.

Commencez par le convertisseur de pixels et la question qu’il pose en premier. Pour des tableaux de référence dans les deux sens et les formats de papier en pixels entiers, consultez pixels en pouces et pixels en centimètres ; pour la question de la taille racine derrière rem, consultez px en rem.