Référence Technique · Optique d’Écran & Unités CSS W3C · Novembre 2026

Guide Complet du Calibrage d’Écran et de la Mesure PPI

Le calibrage relie les pixels de référence CSS abstraits à 96 PPI du W3C au pas physique réel en millimètres de votre écran.

Calibrer votre Écran Ouvrir la Règle

Section 01 · Calcul du Pas

Quelle différence entre PPI physique et pixels CSS ?

Le PPI physique suit √(W² + H²) / diagonalePouces. Le pixel CSS vaut 1/96 de pouce CSS (3,7795 px/mm) à 100 % de zoom. Avec un facteur HiDPI comme devicePixelRatio = 2, Online Ruler Plus calibre en pxPerMm et sauvegarde devicePxPerMm = pxPerMm × dpr.

Section 02 · Norme Physique

Pourquoi la carte ISO/IEC 7810 ID-1 est-elle idéale ?

Chaque carte bancaire ou pièce d’identité ID-1 mesure 85,60 × 53,98 mm. Ajuster le rectangle à l’écran calcule directement pxPerMm = cardWidthPx / 85.60 en contournant la mise à l’échelle du système.

Section 03 · Graduations

Comment sont tracés les mm et fractions 1/16″ ?

Selon l’accord NIST/BIPM (1 in = 25,4 mm), les modes cm et mm graduent à 1, 5 et 10 mm ; le mode Pouces divise 25,4 mm en 16 pas de 1,5875 mm.

Section 04 · Vérification Secondaire

Quelles pièces, billets et formats papier confirment l’échelle ?

1 Euro : 23,25 mm ; 2 Euros : 25,75 mm ; Penny US : 19,05 mm (3/4″) ; Quarter US : 24,26 mm ; pile AA : 50,50 mm ; petit côté A4 ISO 216 : 210,0 mm.

Section 05 · Zoom & Multi-Écrans

Comment l’outil gère-t-il le zoom et les moniteurs externes ?

La densité devicePxPerMm enregistrée dans localStorage est indexée par signature d’écran : un changement de zoom est compensé aussitôt ; un changement de moniteur déclenche une alerte.

Section 06 · Exemples Chiffrés & Matrice HiDPI

Relation entre CSS PPI, PPI Physique et devicePxPerMm

En appliquant Pythagore sur les pixels CSS à 100 % de zoom, on obtient CSS px/mm, puis devicePxPerMm en multipliant par window.devicePixelRatio.

Tableau de Densité par Écran et Facteur d’Échelle

Configuration d’Écran	Définition CSS	CSS PPI Effectif	CSS px/mm	devicePxPerMm
MacBook Pro 14.2" (Retina / DPR 2×)	1512 × 982 CSS px (DPR 2.0)	127.0 CSS PPI	5.000 CSS px/mm	10.000 device px/mm
PC Windows 15.6" (Échelle 125 %)	1536 × 864 CSS px (DPR 1.25)	113.0 CSS PPI	4.448 CSS px/mm	5.560 device px/mm
Moniteur 24" 1080p (100 %)	1920 × 1080 CSS px (DPR 1.0)	91.8 CSS PPI	3.614 CSS px/mm	3.614 device px/mm
Moniteur 27" 4K UHD (Échelle 150 %)	2560 × 1440 CSS px (DPR 1.5)	108.8 CSS PPI	4.283 CSS px/mm	6.425 device px/mm
Smartphone OLED 6.1" (DPR 3×)	390 × 844 CSS px (DPR 3.0)	152.4 CSS PPI	6.000 CSS px/mm	18.000 device px/mm

Échelles Fractionnaires du Système

Pourquoi la carte est plus fiable que la diagonale estimée

La mise à l’échelle fractionnaire (125 %, 150 %, modes macOS mis à l’échelle) modifie le CSS PPI effectif ; la carte physique de 85,60 mm mesure le rendu final réel en 15 secondes.

Contraintes Smartphones

Pourquoi les mobiles passent en Mode Carte Portrait (53,98 mm)

Sur 360 à 430 px de large, une carte horizontale de 85,60 mm déborde. Le Mode Portrait calibre sur les 53,98 mm de largeur (pxPerMm = cardShortEdgePx / 53.98).

Windows 125%/150% & Android Chrome

Calibrer Windows avec mise à l’échelle et Android Chrome

Sur Windows 10/11 à 125% ou 150% ou sur Android Chrome (~360–412 px CSS), gardez le zoom navigateur à 100%, activez le mode Carte Portrait (53.98 mm) sur smartphone et ajustez avec une carte ISO ID-1.

Section 07 · Physique d’Écran & Limites

Parallaxe du Verre de Protection et Marges de Tolérance

L’épaisseur de vitre (0,5 à 1,5 mm, indice n ≈ 1.5) crée un décalage latéral épaisseur × sin(θ) / n pouvant atteindre 0,5 mm sous un angle de 30°.

Gardez l’œil à 90° à la verticale des repères 0 et de mesure, et utilisez un pied à coulisse certifié pour toute tolérance inférieure à ±0,25 mm.

Tableau des Objets Physiques de Vérification

Posez délicatement l’un de ces objets sur l’écran calibré pour vérifier l’exactitude :

Objet de Référence	Métrique (mm)	Impérial (in)	Norme
Carte Bancaire ISO/IEC 7810 ID-1 (Largeur)	85.60 mm	3.370 in	ISO/IEC 7810:2019 ID-1
Carte ISO/IEC 7810 ID-1 (Hauteur)	53.98 mm	2.125 in	ISO/IEC 7810:2019 ID-1
Pièce Penny 1 Cent US (Diamètre)	19.05 mm	0.750 in (3/4″)	US Mint
Pièce Nickel 5 Cents US (Diamètre)	21.21 mm	0.835 in	US Mint
Pièce de 1 Euro (Diamètre)	23.25 mm	0.915 in	Banque Centrale Européenne
Pièce Quarter 25 Cents US (Diamètre)	24.26 mm	0.955 in	US Mint
Pièce de 2 Euros (Diamètre)	25.75 mm	1.014 in	Banque Centrale Européenne
Pile AA Standard (Longueur)	50.50 mm	1.988 in	IEC R6 / ANSI 15
Billet Dollar US (Largeur)	155.96 mm	6.140 in	Bureau of Engraving & Printing
Papier A4 ISO 216 (Petit Côté)	210.00 mm	8.268 in	Série ISO 216

Schéma d’Étalonnage

Comprendre l’Étalonnage Réel Étape par Étape

Découvrez pourquoi la norme 96 PPI dérive selon les écrans et comment une carte fixe l’échelle 1:1.

Guide Animé Interactif

Visualisez Chaque Principe de Mesure

Alignez une carte ISO/IEC 7810 ID-1 sur l’origine (0, 0) et ajustez la poignée au bord exact.

85.60 × 53.98 mm

Étalonnage par Carte Bancaire ou Référence

FIG. 02 · ÉTALONNAGE

Utilisez une carte bancaire standard (85.60 × 53.98 mm) et regardez bien à la verticale (90°) pour éviter le parallaxe.