Vai al contenuto
SPCXTools

Risoluzione Schermo

Scopri subito la risoluzione del tuo schermo, le dimensioni del viewport del browser, il pixel ratio e altri dettagli del display.

Funziona localmente: i file non lasciano mai il tuo dispositivo

Caricamento strumento…

Come usare Risoluzione Schermo

  1. 1Apri la pagina — la risoluzione del tuo schermo viene mostrata immediatamente in alto.
  2. 2Controlla i dettagli qui sotto — risoluzione CSS, device pixel ratio, dimensioni del viewport, aspect ratio, profondità di colore e altro ancora.
  3. 3Ridimensiona la finestra del browser o ruota il dispositivo; i valori si aggiornano in tempo reale.
  4. 4Clicca su Copia per condividere tutti i dettagli, ad esempio per una segnalazione di bug.

Qual è la risoluzione del mio schermo?

La risoluzione dello schermo indica il numero di pixel mostrati dal display in orizzontale e in verticale, ad esempio 1920 × 1080. Questo strumento la rileva all'istante, insieme ai dati solitamente utili a web designer, sviluppatori e team di supporto: risoluzione CSS, device pixel ratio, dimensioni della viewport del browser, spazio disponibile sullo schermo, aspect ratio (rapporto d'aspetto), profondità di colore, gamma cromatica e supporto HDR. Tutti i dati vengono letti localmente dal tuo browser.

Cosa significano questi valori

La risoluzione fisica è il numero effettivo di pixel del pannello (nella maggior parte dei casi). È il valore pubblicizzato dai produttori, ad es. 2560 × 1440.

I pixel CSS sono le unità logiche utilizzate dai siti web. Quando il sistema scala lo schermo (ad esempio al 200% su un display Retina), un pixel CSS copre più pixel fisici: in questo modo il testo mantiene dimensioni leggibili risultando però più nitido.

Il device pixel ratio collega i due valori: pixel fisici = pixel CSS × DPR.

La viewport è l'area visibile della pagina all'interno del browser. Cambia ogni volta che ridimensioni la finestra, apri gli strumenti per sviluppatori o mostri la barra dei preferiti.

Risoluzioni dello schermo più comuni

Nome Risoluzione Rapporto d'aspetto
HD (720p) 1280 × 720 16:9
Full HD (1080p) 1920 × 1080 16:9
WUXGA 1920 × 1200 16:10
QHD (1440p) 2560 × 1440 16:9
UWQHD (ultrawide) 3440 × 1440 21:9
4K UHD 3840 × 2160 16:9
5K 5120 × 2880 16:9

A chi servono queste informazioni

Web designer e sviluppatori testano i layout responsivi in base alle dimensioni reali della viewport e al pixel ratio, e ne hanno bisogno per riprodurre i bug segnalati dai visitatori.

I team di supporto e IT richiedono i dettagli dello schermo per risolvere problemi di visualizzazione o layout: usa il pulsante Copia per inviare tutto in una volta.

Gamer e creator possono verificare che un nuovo monitor funzioni alla sua risoluzione nativa anziché in una modalità scalata o inferiore.

Chiunque acquisti sfondi, screenshot o presentazioni può adattare le immagini alle dimensioni esatte del proprio schermo per ottenere la massima nitidezza.

Verifica la velocità di aggiornamento del tuo display con il Test del Refresh Rate, oppure cerca eventuali pixel difettosi con il Test dei Pixel Bruciati.

Domande frequenti

Perché la risoluzione è diversa dalle specifiche del mio monitor?
I sistemi operativi spesso scalano l'interfaccia. Un monitor 3840 × 2160 (4K) con un ridimensionamento del 150% comunica ai siti web una risoluzione "CSS" di 2560 × 1440, con un device pixel ratio di 1.5. La Risoluzione dello schermo in alto li moltiplica nuovamente per ottenere i pixel fisici. Anche lo zoom del browser modifica il rapporto dei pixel, quindi reimposta lo zoom al 100% (Ctrl/Cmd + 0) per risultati precisi.
Cos'è il device pixel ratio (DPR)?
Il DPR è il numero di pixel fisici per pixel CSS. Un monitor standard ha un DPR pari a 1; i Mac Retina e la maggior parte dei telefoni hanno 2 o 3. Gli schermi ad alto DPR mostrano testo e immagini più nitidi perché ogni pixel CSS viene disegnato con più pixel fisici.
Cos'è il viewport e perché è importante?
Il viewport è l'area all'interno della finestra del browser in cui vengono visualizzate le pagine web, escluse le barre degli strumenti e le schede. I web designer lo usano — e non la dimensione totale dello schermo — per i layout responsive, quindi è il valore più utile per segnalare come appare un sito web sul tuo dispositivo.
Cosa si intende per dimensione dello schermo "disponibile"?
È l'area dello schermo al netto degli elementi permanenti del sistema operativo, come la barra delle applicazioni di Windows o la barra dei menu e il Dock di macOS: la dimensione massima che una finestra può raggiungere senza sovrapporsi ad essi.
I dati riportati su HDR e gamma cromatica sono accurati?
Riflettono ciò che il browser rileva tramite le media query CSS. L'HDR risulta supportato quando lo schermo e il sistema operativo sono in modalità HDR; un'ampia gamma cromatica (Display P3) è comune sui dispositivi Apple e su smartphone e monitor recenti.