Qu'est-ce que le PPI d'un écran et pourquoi c'est important pour mesurer avec précision

Si tu as déjà essayé d'afficher une règle « en taille réelle » sur ton écran, tu as probablement remarqué quelque chose : les mesures sont souvent fausses. Une ligne de 10 cm sur un ordinateur portable apparaît à 9 cm sur un autre. La raison se résume à un seul chiffre — le PPI de ton écran.

Ce que signifie PPI

PPI signifie Pixels Per Inch (pixels par pouce). Cela indique combien de petits points (pixels) sont entassés dans un pouce de la surface physique de ton écran.

La formule est simple :

PPI = Résolution diagonale (en pixels) / Taille diagonale de l'écran (en pouces)

Où la résolution diagonale se calcule comme suit :

Résolution diagonale = sqrt(largeur_pixels² + hauteur_pixels²)

Par exemple, un iPhone 15 Pro a un écran de 6,1 pouces avec une résolution de 2556 x 1179 pixels :

• Résolution diagonale = sqrt(2556² + 1179²) = 2815 pixels
• PPI = 2815 / 6,1 = 461 PPI

Un écran de bureau de 24 pouces en 1920 x 1080 :

• Résolution diagonale = sqrt(1920² + 1080²) = 2203 pixels
• PPI = 2203 / 24 = 92 PPI

Le téléphone concentre cinq fois plus de pixels dans chaque pouce que le moniteur. Cette différence explique pourquoi on voit les pixels individuels sur le moniteur mais pas sur le téléphone.

Pourquoi le PPI est important pour la mesure à l'écran

Quand un site web veut t'afficher une ligne de « exactement 1 pouce de long », il doit savoir combien de pixels équivalent à un pouce physique sur ton écran spécifique. Ce chiffre, c'est le PPI.

Le problème : les navigateurs ne rapportent pas de manière fiable le vrai PPI. La spécification CSS définit 1 pouce comme 96 pixels — mais c'est une valeur de référence, pas le PPI réel de ton écran. Sur un MacBook avec un écran à 227 PPI, dessiner 96 pixels te donne environ 0,42 pouce, pas 1 pouce. La mesure serait décalée de plus de la moitié.

C'est pourquoi les règles à l'écran qui sautent le calibrage sont imprécises. Elles supposent 96 PPI ou utilisent une estimation approximative, et les résultats peuvent être décalés de 10 à 50% selon l'appareil.

Comment le calibrage corrige le problème

Le calibrage comble l'écart entre la densité de pixels supposée par le navigateur et la densité réelle de ton écran.

L'approche utilisée par Screen Ruler Online :

1. Tu places un objet physique aux dimensions connues sur l'écran — une carte de crédit (85,6 mm de large), un quarter américain (24,26 mm de diamètre) ou un autre objet de référence
2. Tu ajustes un curseur jusqu'à ce que la référence à l'écran corresponde exactement à l'objet physique
3. L'outil calcule le rapport entre la taille physique connue et le nombre de pixels qu'elle couvre
4. Toutes les mesures suivantes utilisent ce rapport calibré

Cette méthode fonctionne quel que soit ton appareil, ton système d'exploitation ou ton navigateur. Elle tient également compte du zoom du navigateur, de la mise à l'échelle de l'affichage et du rendu des sous-pixels — autant de facteurs qui compliquent les calculs basés sur le PPI.

Le PPI sur différents types d'appareils

Voici comment le PPI varie selon les catégories d'appareils courants :

Type d'appareil	PPI typique	Exemple
Moniteur de bureau (1080p, 24")	92	Dell P2419H
Moniteur de bureau (4K, 27")	163	LG 27UK850
MacBook Air 13"	227	M2 MacBook Air
MacBook Pro 16"	254	M3 Pro MacBook Pro
iPad Pro 12,9"	264	iPad Pro 6e génération
iPhone 15	460	Modèle standard
Samsung Galaxy S24	416	Modèle standard

Remarque l'amplitude : de 92 PPI sur un moniteur de bureau standard à plus de 460 PPI sur les téléphones phares. Une ligne d'« 1 pouce » affichée à 96 pixels CSS n'aurait l'air juste que sur ce seul type de moniteur — et serait fausse partout ailleurs.

PPI vs DPI vs rapport de pixels de l'appareil

Ces termes sont liés mais distincts :

PPI (Pixels Per Inch) : la densité physique de pixels d'un écran. Fixée par le matériel — tu ne peux pas la modifier.

DPI (Dots Per Inch) : à l'origine un terme d'impression. Dans les contextes numériques, les gens utilisent souvent DPI et PPI de manière interchangeable, même si techniquement le DPI désigne la résolution de sortie d'une imprimante.

Rapport de pixels de l'appareil (DPR) : le rapport entre les pixels CSS et les pixels physiques. Un DPR de 2 signifie que chaque pixel CSS correspond à une grille de 2x2 pixels physiques. Les écrans Retina d'Apple ont généralement un DPR de 2 ou 3.

Pour la mesure à l'écran, ce qui compte c'est la combinaison du PPI et du DPR. Le navigateur rapporte les dimensions en pixels CSS, mais la taille physique dépend du PPI. Le rapport de pixels de l'appareil agit comme un multiplicateur :

Taille physique = (pixels CSS × DPR) / PPI

C'est pourquoi le calibrage est plus simple et plus fiable que d'essayer de calculer la bonne taille à partir des valeurs de PPI et de DPR — ces chiffres ne sont pas toujours rapportés avec précision par le navigateur.

Comment Screen Ruler utilise le PPI

Quand tu visites Screen Ruler Online pour la première fois, l'outil tente de détecter ton appareil automatiquement. Il dispose d'une base de données de plus de 50 appareils populaires (iPhones, Samsung Galaxy, iPads, Xiaomi, OPPO, etc.) avec leurs valeurs PPI connues.

Si ton appareil est reconnu, la règle démarre avec une estimation PPI pré-calibrée. Mais même dans ce cas, le calibrage avec un objet de référence physique est recommandé car :

• Le niveau de zoom du navigateur affecte la densité de pixels effective
• Les paramètres de mise à l'échelle de l'affichage (comme 125% ou 150% sur Windows) modifient le rapport entre pixels CSS et pixels physiques
• Certains navigateurs arrondissent les valeurs de pixels différemment
• Les protections d'écran et les coques peuvent légèrement modifier la taille perçue de l'écran

Après le calibrage, l'outil enregistre tes paramètres localement (dans le stockage de ton navigateur) pour que tu n'aies pas besoin de recalibrer lors de tes prochaines visites — sauf si tu changes d'appareil ou de navigateur.

À quoi ressemble un « bon » PPI

Pour une utilisation générale, un PPI plus élevé signifie un texte et des images plus nets. Mais pour la précision de mesure, ce n'est pas le PPI en lui-même qui compte — c'est la précision du calibrage.

Un moniteur de bureau à 92 PPI peut produire des mesures aussi précises qu'un téléphone à 460 PPI, tant que le calibrage est effectué correctement. L'écran à PPI plus faible a juste des « gradations » plus grossières — il ne peut pas subdiviser un millimètre aussi finement.

En pratique :

• Au-dessus de 150 PPI : une précision inférieure au millimètre est possible avec un bon calibrage
• 90-150 PPI : une précision au millimètre est fiable ; les mesures au demi-millimètre deviennent floues
• En dessous de 90 PPI : les mesures sont limitées au 1-2 mm le plus proche

Pour la plupart des usages pratiques — mesurer une bague, vérifier si une vis a la bonne longueur, vérifier les dimensions d'une photo imprimée — la précision au millimètre est largement suffisante.

Résumé

Le PPI est la raison pour laquelle ton écran affiche des mesures différentes de celles d'autres écrans. C'est une propriété matérielle que les navigateurs n'exposent pas de manière fiable aux applications web. Le calibrage — faire correspondre un objet physique connu à sa représentation à l'écran — est la solution pratique.

Si tu veux des mesures précises sur ton écran, passe outre les calculs et calibre directement. Ça prend dix secondes et fonctionne sur n'importe quel appareil.