01 · Passo Pixel
Differenza tra PPI fisico e pixel CSS?
Il PPI fisico segue √(W² + H²) / diagonale. I pixel CSS valgono 1/96 di pollice CSS. Online Ruler Plus salva devicePxPerMm = pxPerMm × dpr invariante allo zoom.
Riferimento Tecnico · Ottica Display & Unità CSS · Novembre 2026
La calibrazione collega i pixel CSS astratti da 96 PPI del W3C al passo fisico reale in millimetri del pannello.
01 · Passo Pixel
Il PPI fisico segue √(W² + H²) / diagonale. I pixel CSS valgono 1/96 di pollice CSS. Online Ruler Plus salva devicePxPerMm = pxPerMm × dpr invariante allo zoom.
02 · Standard Fisico
Misura esattamente 85,60 × 53,98 mm in tutto il mondo, permettendo di misurare pxPerMm = cardWidthPx / 85.60 senza distorsioni del sistema.
04 · Verifica Secondaria
1 Euro: 23,25 mm; 2 Euro: 25,75 mm; Penny US: 19,05 mm; Quarter US: 24,26 mm; batteria AA: 50,50 mm; lato corto A4: 210,0 mm.
05 · Zoom & Multi-Monitor
devicePxPerMm è salvato per firma display in localStorage: i cambi di zoom si compensano da soli.
06 · Esempi Pratici & Matrice HiDPI
Applicando Pitagora ai pixel CSS al 100 % si ottiene CSS px/mm, poi moltiplicato per window.devicePixelRatio si ricava devicePxPerMm.
| Configurazione | Risoluzione CSS | CSS PPI Effettivo | CSS px/mm | devicePxPerMm |
|---|---|---|---|---|
| Laptop 14.2" (Mac Retina / 2×) | 1512 × 982 CSS px (DPR 2.0) | 127.0 CSS PPI | 5.000 CSS px/mm | 10.000 device px/mm |
| Laptop Windows 15.6" (125 %) | 1536 × 864 CSS px (DPR 1.25) | 113.0 CSS PPI | 4.448 CSS px/mm | 5.560 device px/mm |
| Monitor 24" 1080p (100 %) | 1920 × 1080 CSS px (DPR 1.0) | 91.8 CSS PPI | 3.614 CSS px/mm | 3.614 device px/mm |
| Monitor 27" 4K UHD (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" (3×) | 390 × 844 CSS px (DPR 3.0) | 152.4 CSS PPI | 6.000 CSS px/mm | 18.000 device px/mm |
Scaling Frazionario OS
Scaling come 125 % o 150 % cambiano il CSS PPI effettivo; allineare fisicamente 85,60 mm misura l’uscita reale in 15 secondi.
Smartphone Stretti
Su 360–430 px una carta orizzontale sborda; la Modalità Verticale usa il lato da 53,98 mm.
Windows 125%/150% e Android Chrome
Su Windows 10/11 con scala 125%/150% o Android Chrome (~360–412 px CSS), mantieni lo zoom del browser al 100%, attiva la modalità Carta Verticale (53.98 mm) su Android e allinea con una carta fisica.
07 · Fisica & Limiti di Tolleranza
Il vetro frontale (0,5–1,5 mm, n ≈ 1.5) introduce uno spostamento di spessore × sin(θ) / n, pari a 0,3–0,5 mm a 30°.
Guarda sempre a 90° e usa calibri fisici certificati sotto ±0,25 mm.
Appoggia delicatamente uno di questi oggetti sullo schermo calibrato:
| Oggetto di Riferimento | Metrico (mm) | Imperiale (in) | Norma |
|---|---|---|---|
| Carta Bancaria ISO/IEC 7810 ID-1 (Larghezza) | 85.60 mm | 3.370 in | ISO/IEC 7810:2019 ID-1 |
| Carta ISO/IEC 7810 ID-1 (Altezza) | 53.98 mm | 2.125 in | ISO/IEC 7810:2019 ID-1 |
| Moneta 1 Cent Penny US | 19.05 mm | 0.750 in (3/4″) | US Mint |
| Moneta 5 Cent Nickel US | 21.21 mm | 0.835 in | US Mint |
| Moneta da 1 Euro | 23.25 mm | 0.915 in | Banca Centrale Europea |
| Moneta Quarter US | 24.26 mm | 0.955 in | US Mint |
| Moneta da 2 Euro | 25.75 mm | 1.014 in | Banca Centrale Europea |
| Batteria AA Standard (Lunghezza) | 50.50 mm | 1.988 in | IEC R6 / ANSI 15 |
| Banconota Dollaro US (Larghezza) | 155.96 mm | 6.140 in | Bureau of Engraving & Printing |
| Carta A4 ISO 216 (Lato Corto) | 210.00 mm | 8.268 in | Serie ISO 216 |
Schema di Calibrazione
Scopri perché il valore predefinito di 96 PPI cambia fra schermi e come una carta fissa la scala 1:1.
Guida Animata Interattiva
Allinea una tessera ISO/IEC 7810 ID-1 all’origine (0, 0) e trascina il bordo fino a combaciare.
85.60 × 53.98 mmI centimetri principali si suddividono in tacche medie da 5 mm e divisioni fini da 1 mm.
1 cm = 10 mm