Utilia
Categorie ▾
Lingua: it ▾

Verifica risoluzione schermo

Controlla subito risoluzione dello schermo, dimensione del viewport, device pixel ratio, pixel fisici, profondità di colore e orientamento, aggiornati dal vivo.

Risoluzione dello schermo (pixel CSS)
–
Pixel fisici (stima)
–
Device pixel ratio
–
Viewport (area della pagina)
–
Schermo disponibile
–
Finestra del browser
–
Rapporto d'aspetto
–
Orientamento
–
Profondità di colore
–
Gamma cromatica
–
Schermo HDR
–
Zoom con le dita
–

I valori si aggiornano in tempo reale quando ridimensioni la finestra, ruoti il dispositivo, cambi lo zoom o sposti la finestra su un altro monitor.

I pixel fisici sono stimati come dimensione dello schermo × device pixel ratio. Riporta lo zoom del browser al 100 % (Ctrl+0 o Cmd+0) per un valore preciso.

Come usare questo strumento

  1. Apri la pagina: tutti i valori compaiono subito, letti dal tuo browser.
  2. Ridimensiona la finestra, ruota il telefono o il tablet, oppure trascina la finestra su un altro monitor. I valori si aggiornano in tempo reale.
  3. Premi Copia come testo per copiare tutti i valori in un elenco di testo semplice, comodo per una segnalazione di bug o una richiesta di assistenza.

Cosa significa ogni valore

Risoluzione dello schermo (pixel CSS) è la dimensione dell’intero schermo così come la vedono le pagine web. Su un monitor normale con ridimensionamento al 100 % coincide con la risoluzione reale del monitor. Sugli schermi ad alta densità è più piccola: un portatile con pannello 2880 × 1800 e ridimensionamento al 200 % indica 1440 × 900.

Pixel fisici (stima) è la risoluzione dello schermo moltiplicata per il device pixel ratio. Di solito corrisponde alla risoluzione nativa del pannello, e lo strumento indica quelle più comuni come Full HD (1080p), QHD (1440p) o 4K UHD.

Device pixel ratio indica quanti pixel fisici compongono un pixel CSS. Il valore 1 corrisponde a un monitor classico, 1,25 o 1,5 è frequente sui portatili Windows con il ridimensionamento dello schermo, 2 è tipico dei Mac Retina e 3 di molti telefoni. Anche lo zoom del browser lo modifica.

Viewport (area della pagina) è la parte della finestra in cui viene disegnata la pagina, senza barre degli strumenti e schede. È la dimensione a cui puntano i web designer con i layout responsive e le media query.

Schermo disponibile è lo schermo meno le aree fisse del sistema, come la barra delle applicazioni di Windows o la barra dei menu e il Dock di macOS. Finestra del browser è la dimensione esterna della finestra, cornice e barre degli strumenti comprese.

Rapporto d’aspetto è la forma dello schermo, per esempio 16:9, 16:10 o 21:9 ultrawide. Orientamento indica se lo schermo è in orizzontale o in verticale, con l’angolo di rotazione quando il browser lo fornisce.

Profondità di colore è il numero di bit usati per pixel: 24 bit significano 8 bit per canale, 30 bit significano 10 bit per canale. Gamma cromatica mostra la gamma più ampia che secondo il browser lo schermo copre: sRGB, Display P3 o Rec. 2020. Schermo HDR dice se il browser segnala uno schermo ad alta gamma dinamica. Zoom con le dita mostra il livello di zoom quando allarghi le dita su uno schermo touch.

Perché i numeri potrebbero sorprenderti

Le pagine web non vedono mai direttamente l’hardware reale. I sistemi operativi ridimensionano tutto perché il testo resti leggibile sugli schermi densi, quindi un monitor 4K con ridimensionamento al 150 % appare al browser come uno schermo 2560 × 1440. La riga Pixel fisici (stima) inverte questo calcolo. È esatta con lo zoom del browser al 100 %, ma i browser gestiscono lo zoom in modi diversi, quindi riportalo al 100 % con Ctrl+0 o Cmd+0 prima di fidarti del valore. Sui telefoni il risultato può differire di qualche pixel dalla risoluzione dichiarata per via degli arrotondamenti.

Se usi più monitor, i valori descrivono quello su cui si trova in quel momento la finestra del browser.

Domande frequenti

Che differenza c'è tra risoluzione dello schermo e viewport?

La risoluzione dello schermo è la dimensione dell’intero display. Il viewport è solo l’area all’interno della finestra del browser in cui compare la pagina, quindi cambia quando ridimensioni la finestra.

Perché la mia risoluzione è più bassa di quella indicata nelle specifiche del monitor?

Probabilmente è attivo il ridimensionamento dello schermo. Moltiplica per il Device pixel ratio per ottenere la risoluzione fisica, che è proprio quella mostrata nella riga Pixel fisici (stima).

Perché il device pixel ratio cambia quando uso lo zoom?

Lo zoom del browser ingrandisce ogni pixel CSS, quindi ci stanno dentro più pixel fisici. Riporta lo zoom al 100 % per vedere il rapporto impostato dal sistema operativo.

Questo strumento riconosce un monitor a 10 bit o HDR?

Mostra ciò che segnala il browser. Molti browser indicano colori a 24 bit anche sui pannelli a 10 bit, e l’HDR viene rilevato solo quando è attivo nel sistema operativo.

Le mie informazioni vengono inviate da qualche parte?

No. Tutto viene letto dal tuo browser su questa pagina e niente viene inviato o salvato.

Strumenti correlati