Vai al contenuto principale

Riferimento Tecnico · Ottica Display & Unità CSS · Novembre 2026

Guida Completa alla Calibrazione & Misura PPI

La calibrazione collega i pixel CSS astratti da 96 PPI del W3C al passo fisico reale in millimetri del pannello.

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.

02 · Standard Fisico

Perché la tessera ISO/IEC 7810 ID-1 è ideale?

Misura esattamente 85,60 × 53,98 mm in tutto il mondo, permettendo di misurare pxPerMm = cardWidthPx / 85.60 senza distorsioni del sistema.

03 · Suddivisioni

Come si calcolano mm e frazioni 1/16″?

Con 1 in = 25,4 mm esatti, cm e mm segnano 1/5/10 mm mentre Pollici divide in 16 sedicesimi.

04 · Verifica Secondaria

Quali monete e formati verificano lo schermo?

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

Come vengono gestiti zoom e schermi esterni?

devicePxPerMm è salvato per firma display in localStorage: i cambi di zoom si compensano da soli.

06 · Esempi Pratici & Matrice HiDPI

Relazione tra CSS PPI, PPI Fisico e devicePxPerMm

Applicando Pitagora ai pixel CSS al 100 % si ottiene CSS px/mm, poi moltiplicato per window.devicePixelRatio si ricava devicePxPerMm.

Tabella Densità per Display & Scaling OS

ConfigurazioneRisoluzione CSSCSS PPI EffettivoCSS px/mmdevicePxPerMm
Laptop 14.2" (Mac Retina / 2×)1512 × 982 CSS px (DPR 2.0)5.000 CSS px/mm10.000 device px/mm
Laptop Windows 15.6" (125 %)1536 × 864 CSS px (DPR 1.25)4.448 CSS px/mm5.560 device px/mm
Monitor 24" 1080p (100 %)1920 × 1080 CSS px (DPR 1.0)3.614 CSS px/mm3.614 device px/mm
Monitor 27" 4K UHD (150 %)2560 × 1440 CSS px (DPR 1.5)4.283 CSS px/mm6.425 device px/mm
Smartphone OLED 6.1" (3×)390 × 844 CSS px (DPR 3.0)6.000 CSS px/mm18.000 device px/mm

Scaling Frazionario OS

Perché la tessera supera la stima da diagonale

Scaling come 125 % o 150 % cambiano il CSS PPI effettivo; allineare fisicamente 85,60 mm misura l’uscita reale in 15 secondi.

Smartphone Stretti

Perché i telefoni passano a Carta Verticale (53,98 mm)

Su 360–430 px una carta orizzontale sborda; la Modalità Verticale usa il lato da 53,98 mm.

Windows 125%/150% e Android Chrome

Calibrare portatili Windows scalati e smartphone Android

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

Parallasse del Vetro Protettivo e Tolleranze Pratiche

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.

Tabella Oggetti Fisici di Verifica

Appoggia delicatamente uno di questi oggetti sullo schermo calibrato:

Oggetto di RiferimentoMetrico (mm)Imperiale (in)Norma
Carta Bancaria ISO/IEC 7810 ID-1 (Larghezza)3.370 inISO/IEC 7810:2019 ID-1
Carta ISO/IEC 7810 ID-1 (Altezza)2.125 inISO/IEC 7810:2019 ID-1
Moneta 1 Cent Penny US0.750 in (3/4″)US Mint
Moneta 5 Cent Nickel US0.835 inUS Mint
Moneta da 1 Euro0.915 inBanca Centrale Europea
Moneta Quarter US0.955 inUS Mint
Moneta da 2 Euro1.014 inBanca Centrale Europea
Batteria AA Standard (Lunghezza)1.988 inIEC R6 / ANSI 15
Banconota Dollaro US (Larghezza)6.140 inBureau of Engraving & Printing
Carta A4 ISO 216 (Lato Corto)8.268 inSerie ISO 216

Schema di Calibrazione

Comprendi la Calibrazione Reale Passo Dopo Passo

Scopri perché il valore predefinito di 96 PPI cambia fra schermi e come una carta fissa la scala 1:1.

Osserva Ogni Meccanismo di Misura in Movimento

Animazione attiva
(0, 0) DATUM ANCHORISO ID-1 Card85.60 × 53.98 mmTRUE-SCALE LOCKMatch right edge flushwith physical card1 px/mm calibrated

Allinea una tessera ISO/IEC 7810 ID-1 all’origine (0, 0) e trascina il bordo fino a combaciare.

85.60 × 53.98 mm

Calibrazione con Carta o Riferimento Personalizzato

FIG. 02 · CALIBRAZIONE
Schema di carta ISO/IEC 7810 ID-1 (85.60 x 53.98 mm) su origine (0,0) con confronto ottico di parallasse.
Usa una comune carta ID-1 (85.60 × 53.98 mm) osservando frontalmente a 90° per evitare errori di parallasse.

DPI/PPI dello Schermo e Precisione Reale

FIG. 09 · FISICA DISPLAY
Grafico comparativo dove 378 px CSS misurano 11.76 cm su 81.6 PPI, 6.80 cm su 141.2 PPI e 10.00 cm calibrati.
Senza calibrazione il browser presume 96 px/pollice, introducendo errori fino al 32% tra monitor diversi.