Verifica risoluzione schermo

La risoluzione del Suo schermo è mostrata in alto nella scheda dello strumento qui sopra — ad esempio 1920 × 1080. È la dimensione dello schermo in pixel CSS, l'unità logica che i browser usano per il layout. Sotto troverà anche la risoluzione fisica stimata, che tiene conto della scalabilità del display. Se i due numeri differiscono, lo schermo sta funzionando con la scalabilità attiva — condizione normale e consigliata sui pannelli ad alta risoluzione. Per vedere i valori aggiornarsi in tempo reale, ridimensioni la finestra del browser o la sposti su un altro monitor.

I display moderni ad alta risoluzione usano la scalabilità per mantenere testo e icone a una dimensione confortevole. Un monitor 4K con scalabilità al 150 % riporta 2560 × 1440 pixel CSS anche se il pannello riproduce fisicamente 3840 × 2160. I valori screen.width e screen.height del browser usano sempre pixel CSS, quindi la risoluzione riportata è quella logica, già scalata. Moltiplicandola per il rapporto pixel del dispositivo si ottiene la risoluzione fisica — esattamente il calcolo che la stima della risoluzione fisica in questa pagina svolge per Lei.

Il rapporto pixel del dispositivo è il numero di pixel fisici che un browser usa per disegnare un pixel CSS. Un DPR di 1 significa che un pixel CSS equivale a un pixel fisico. Un DPR di 2 — comune su display Retina e laptop moderni — significa che ogni pixel CSS viene disegnato con un blocco di 2 × 2 pixel fisici, rendendo i contenuti più nitidi. Il DPR cambia anche con lo zoom: portando il browser al 125 % il DPR riportato aumenta di 1,25, ed è per questo che la stima della risoluzione fisica è contrassegnata come approssimativa.

La risoluzione dello schermo descrive l'intero display — il monitor completo o lo schermo del telefono. Il viewport è la porzione visibile di una pagina web all'interno della finestra del browser: esclude barre degli strumenti, barre dell'interfaccia, barre laterali e barre di scorrimento. Con un browser ingrandito il viewport è leggermente inferiore allo schermo; in una piccola finestra fluttuante può essere molto più piccolo. Gli sviluppatori web usano la dimensione del viewport (non la risoluzione dello schermo) per costruire layout responsive, ed è per questo che entrambi i valori sono mostrati fianco a fianco in questa pagina.

La risoluzione fisica si calcola moltiplicando la risoluzione CSS per il rapporto pixel del dispositivo e arrotondando a pixel interi. Due fattori la rendono una stima: lo zoom del browser modifica il DPR riportato — con zoom al 110 % un DPR di 2 viene riportato come 2,2 — e alcuni browser applicano un proprio arrotondamento alle dimensioni dello schermo. La stima è esatta quando lo zoom del browser è al 100 %; per una lettura precisa, consigliamo quindi di controllare il valore con lo zoom azzerato (Ctrl/Cmd + 0) prima di annotarlo.

L'area disponibile è la parte dello schermo non occupata da elementi permanenti del sistema operativo, come la barra delle applicazioni di Windows, il Dock di macOS o le barre di sistema fisse sui dispositivi mobili. Uno schermo da 1920 × 1080 con la barra delle applicazioni predefinita di Windows riporta un'altezza disponibile di 1040 pixel o meno. Le applicazioni — comprese le finestre del browser ingrandite — si dispongono entro l'area disponibile, quindi è spesso il numero più pratico quando calcola quanto spazio ottiene effettivamente una finestra ingrandita.

Apra questa pagina e legga la stima della risoluzione fisica: con lo zoom del browser al 100 % corrisponde alla risoluzione nativa del pannello, perché la scalabilità non può modificare quanti pixel riproduce l'hardware. Può fare un controllo incrociato nel sistema operativo: su Windows, vada in Impostazioni › Sistema › Schermi e guardi la risoluzione dello schermo (la voce consigliata è quella nativa); su macOS, apra Impostazioni di Sistema › Monitor — l'opzione «Predefinita per il display» usa in genere la risoluzione nativa con scalabilità per la nitidezza.

Sì. Lo strumento usa solo interfacce standard del browser, quindi funziona sui browser Android e iOS oltre che sui desktop. Su mobile, la risoluzione dello schermo riportata è di solito la risoluzione logica (CSS) del dispositivo — ad esempio 393 × 851 su molti telefoni Android — mentre la stima della risoluzione fisica riflette il pannello reale. Ruoti il dispositivo e vedrà orientamento, proporzioni e entrambe le dimensioni scambiarsi in tempo reale. L'area disponibile su mobile esclude le barre di stato e di navigazione del sistema.

Sì, completamente. Nessun costo, nessuna registrazione, nessun download e nessun limite al numero di verifiche. Ogni misurazione avviene localmente nel Suo browser: la pagina legge le impostazioni di schermo, finestra e display e le mostra a video. Nessun dato dello schermo, nessuna impronta del dispositivo e nessuna statistica di utilizzo viene inviata a un server, e nulla viene salvato dopo la chiusura della scheda. Può perfino usarlo offline una volta caricata la pagina, perché tutto il lavoro resta sul Suo dispositivo.

La scheda si aggiorna in tempo reale per impostazione. Ridimensionare la finestra cambia il viewport; fare zoom modifica il rapporto pixel del dispositivo e quindi la stima fisica; ruotare un telefono scambia larghezza e altezza; spostare la finestra su un secondo monitor rimisura lo schermo su cui arriva. Se i numeri sono cambiati senza alcuna azione da parte Sua, la causa è un evento esterno — ad esempio uno schermo che passa in standby, un laptop dockato che cambia uscita video o un sistema operativo che modifica automaticamente la scalabilità per l'accessibilità.