Quanto è grande il mio schermo?

Leggere i numeri veri del tuo schermo

"Quanto è grande il mio schermo" non ha una risposta ma tre, a seconda del motivo per cui lo si chiede. La cifra a cui pensano quasi tutti è la griglia di pixel dichiarata dal sistema operativo: 1920 × 1080, 2560 × 1440, e così via. Il browser vede quella griglia attraverso un secondo strato, quello dei pixel CSS. Un pixel CSS è un'unità di impaginazione, e appena uno schermo applica un ridimensionamento smette di corrispondere a un pixel fisico. Questa pagina mostra entrambi, insieme al rapporto che li lega.

La distinzione ha conseguenze molto concrete:

• controllare se uno sfondo sarà nitido? Conta la cifra nativa;
• provare una pagina o scrivere una media query? Conta la cifra in pixel CSS;
• comprare un monitor? Conta la diagonale fisica, in pollici.

Tre domande, tre numeri, e la maggior parte degli strumenti ne dà uno solo.

Perché la dimensione fisica richiede una calibrazione

È il limite che quasi tutte le pagine "quanto è grande il mio schermo" saltano in silenzio. Il browser non ha accesso alle dimensioni fisiche del tuo schermo. Sa quanti pixel ci sono. Non sa quanto sono grandi. Qualunque sito ti mostri una diagonale in pollici senza farti una sola domanda sta tirando a indovinare, di solito incrociando la tua risoluzione con una tabella di dispositivi comuni, e quel metodo crolla appena entrano in gioco il ridimensionamento, un monitor esterno o un pannello insolito.

Questo strumento prende l'altra strada. Calibra una volta appoggiando una carta di pagamento contro lo schermo e facendo combaciare un contorno. Tutte le carte di pagamento del mondo rispettano la norma ISO/IEC 7810 ID-1, larga 85,6 mm, quindi una sola corrispondenza rivela la densità reale del tuo schermo. Larghezza, altezza e diagonale fisiche sono poi pura aritmetica, e la risposta appartiene allo schermo che hai davanti invece che a una tabella di corrispondenze. La calibrazione è condivisa con la righello online: si fa una volta sola per dispositivo.

Schermo, finestra e area visibile sono tre cose diverse

Le tre parole vengono usate una per l'altra e non significano lo stesso, ed è il motivo per cui due strumenti possono contraddirsi avendo ragione entrambi.

• Lo schermo è l'intero pannello, che un browser sia aperto o no. È quello che il sistema chiama risoluzione.
• La finestra è il browser stesso, comprese la barra delle schede e i bordi.
• L'area visibile è la superficie che la pagina può davvero disegnare. Si restringe quando apri gli strumenti di sviluppo, ed è quella che una media query CSS controlla.

Un layout che si comporta male a una certa larghezza è quasi sempre una questione di area visibile e non di schermo. Questa pagina riporta tutte e tre: restringi la finestra e guarda quali numeri si muovono.

Che cosa ti sta dicendo davvero la densità

I pixel per pollice decidono quanto dettaglio entra in una data superficie, e c'è una fascia oltre la quale smette di contare. Sotto i 90 PPI circa a distanza di scrivania i pixel si vedono sui bordi del testo. Fra 90 e 140 circa spariscono per la maggior parte delle persone, ed è lì che si collocano un 24 pollici in 1080p e un 27 pollici in 1440p. Sopra i 200, come sui telefoni, la risoluzione in più diventa una finezza che l'occhio non distingue più, ed è la ragione per cui quegli apparecchi ingrandiscono l'interfaccia invece di mostrarne di più.

È anche il motivo per cui lo stesso pannello 4K non è la stessa cosa a 27 pollici e a 43. Il numero di pixel è identico; la densità no, ed è la densità che l'occhio percepisce. La distanza di visione pesa quanto la dimensione, ed è per questo che un televisore dall'altra parte di una stanza si permette una cifra che su una scrivania sembrerebbe grossolana.

Trovare la dimensione dello schermo senza misurare

Se ti serve solo la diagonale in pollici, tre strade sono più rapide di un metro:

• Il numero di modello. Sta su un'etichetta dietro il monitor o sotto un portatile, e la dimensione fa quasi sempre parte del nome.
• Le impostazioni di sistema. Su Windows: Impostazioni, Sistema, Schermo e poi Impostazioni schermo avanzate. Su macOS: con il tasto Opzione premuto, menu Apple, Informazioni di sistema e quindi Monitor.
• Un metro a nastro. Da un angolo all'altro in diagonale, sul vetro, senza contare la cornice. Gli schermi si vendono da sempre sulla diagonale, ed è il motivo per cui un monitor da 27 pollici è largo solo una sessantina di centimetri.

Ognuna delle tre basta a compilare la stima proposta in questa pagina, e nessuna vale quanto la corrispondenza con una carta di pagamento, perché una diagonale dichiarata è una cifra nominale che ignora il ridimensionamento applicato dal tuo sistema.

Il pulsante "Copia tutti i dati" porta via l'intera tabella come testo. È il modo più rapido di rispondere quando un'assistenza, uno sviluppatore o un forum ti chiede la configurazione del tuo schermo: va tutto in una volta e con le unità di misura, invece che ricopiato a memoria e a metà.