Qual è la risoluzione del mio schermo?

Qui puoi vedere all'istante la risoluzione del tuo schermo e le dimensioni della finestra del browser. Molto utile per designer, sviluppatori e chiunque provi siti web responsive.

Risoluzione dello schermo

 

Dimensioni dello schermo in pixel CSS (larghezza × altezza).

Dimensioni della finestra

 

Area visibile della pagina nel browser. Cambia quando ridimensioni la finestra.

Altri dettagli del tuo schermo

Area disponibile (senza barra delle applicazioni)
Densità di pixel (devicePixelRatio)
Risoluzione fisica approssimativa
Profondità di colore
Orientamento

Se vuoi saperne di più sulla tua connessione a Internet, come il tuo indirizzo IP pubblico e la sua posizione, puoi vedere il tuo IP.


Che cos'è la risoluzione dello schermo?

La risoluzione dello schermo è il numero di pixel che mostra un monitor, espresso come larghezza × altezza (per esempio 1920 × 1080). Più alta è la risoluzione, più contenuto entra nello schermo e più nitida è l'immagine.

Perché la mia risoluzione non coincide con quella del monitor?

I browser lavorano in pixel CSS. Negli schermi ad alta densità (Retina, smartphone e portatili con ridimensionamento al 125% o 150%) ogni pixel CSS equivale a più pixel fisici. Per questo mostriamo anche il devicePixelRatio e la risoluzione fisica approssimativa, che è il prodotto dei due.

Che differenza c'è tra risoluzione dello schermo e dimensioni della finestra?

La risoluzione dello schermo è la dimensione totale del monitor, mentre le dimensioni della finestra (viewport) sono solo lo spazio che la pagina ha all'interno del browser, senza barre né menu. È il valore usato dalle media query del design responsive.

Risoluzioni dello schermo più comuni

Sui computer: 1920 × 1080 (Full HD), 1366 × 768, 1536 × 864, 1440 × 900, 2560 × 1440 (QHD) e 3840 × 2160 (4K). Sugli smartphone, in pixel CSS, sono comuni larghezze tra 360 e 430 pixel.