Che risoluzione ha il mio schermo?

Che risoluzione ha il mio schermo, e quanto spazio ottiene davvero una pagina web dentro la finestra del browser? Tutti i valori sono misurati direttamente nel tuo browser e si aggiornano in tempo reale quando ridimensioni la finestra, fai zoom o ruoti il dispositivo.

Pixel fisici: rilevamento nel browser in corso…
Schermo in pixel CSS: rilevamento nel browser in corso…
Proporzioni: rilevamento nel browser in corso…
Disponibile (senza barra delle applicazioni): rilevamento nel browser in corso…
Finestra del browser (viewport): rilevamento nel browser in corso…
Area visibile: rilevamento nel browser in corso…
devicePixelRatio (scala): rilevamento nel browser in corso…
Profondità colore: rilevamento nel browser in corso…
Orientamento: rilevamento nel browser in corso…
Schema colori: rilevamento nel browser in corso…
Animazioni: rilevamento nel browser in corso…
Breakpoint Bootstrap 5: rilevamento nel browser in corso…
Breakpoint Tailwind CSS: rilevamento nel browser in corso…
Classe di viewport: rilevamento nel browser in corso…

Suggerimento: ridimensiona la finestra, fai zoom con Ctrl + / Ctrl − o ruota il dispositivo: i valori si aggiornano all’istante.

Tutto resta locale: nulla viene inviato o salvato.

Risultato

Come si calcola

Alla domanda “che risoluzione ha il mio schermo” c’è più di una risposta corretta: i pixel fisici del display, i pixel CSS con cui lavora il browser e il viewport, cioè lo spazio che una pagina web ottiene davvero. Questo strumento mostra tutti questi valori affiancati.

Cosa significano i valori

Pixel fisici: dimensione dello schermo in pixel CSS × devicePixelRatio. Un portatile Full HD con scala al 125 % segnala 1536 × 864 pixel CSS: × 1,25 dà i reali 1920 × 1080.
devicePixelRatio: quanti pixel fisici compongono un pixel CSS. 1 = monitor classico, 2 o 3 = display Retina o telefono. Lo zoom del browser e la scala di Windows modificano entrambi questo valore.
Disponibile: lo schermo meno la barra delle applicazioni o il Dock.
Viewport: la dimensione interna della finestra del browser (innerWidth × innerHeight), a cui rispondono le media query e i layout responsive. L’area visibile (visual viewport) è più piccola sui telefoni quando fai lo zoom con le dita o quando è aperta la tastiera.
Proporzioni: ridotte esattamente (1920 × 1080 = 16:9) e, per valori insoliti, il nome comune (1366 × 768 ≈ 16:9).
Breakpoint: quale livello di Bootstrap 5 (sm da 576, md da 768, lg da 992, xl da 1200, xxl da 1400 px) e Tailwind CSS (sm da 640, md da 768, lg da 1024, xl da 1280, 2xl da 1536 px) si applica alla larghezza attuale della finestra.

Risoluzioni comuni

Nome	Pixel	Proporzioni
HD (720p)	1280 × 720	16:9
HD / WXGA	1366 × 768	≈ 16:9
Full HD (1080p)	1920 × 1080	16:9
WUXGA	1920 × 1200	16:10
QHD / WQHD (1440p)	2560 × 1440	16:9
UWQHD	3440 × 1440	≈ 21:9
4K UHD	3840 × 2160	16:9

Limiti

I browser a volte arrotondano i pixel CSS per difetto, quindi i pixel fisici possono differire di un’unità (2561 invece di 2560). Con più monitor, il browser segnala lo schermo su cui si trova attualmente la finestra. Firefox con la protezione anti-fingerprinting attiva (resistFingerprinting) può segnalare deliberatamente valori standard.

Domande frequenti

Come faccio a scoprire la risoluzione del mio schermo?

Basta aprire questa pagina: in alto viene mostrata la risoluzione in pixel fisici, seguita dai valori in pixel CSS e dalla dimensione della finestra del browser. Su Windows la trovi anche in Impostazioni → Sistema → Schermo → Risoluzione dello schermo.

Perché il browser mostra 1536 × 864 invece di 1920 × 1080?

Perché Windows è impostato al 125 % di scala (oppure lo zoom del browser non è al 100 %). Il browser lavora quindi in pixel CSS: 1920 ÷ 1,25 = 1536. I pixel fisici sono mostrati in alto: sono i pixel CSS × devicePixelRatio.

Qual è la differenza tra risoluzione dello schermo e viewport?

La risoluzione dello schermo è la dimensione dell’intero display. Il viewport è solo l’area interna della finestra del browser, senza barra delle schede, barra degli indirizzi e barra delle applicazioni. Per il web design e le media query conta il viewport.

Cosa significa un devicePixelRatio di 2 o 3?

Il tuo display è ad alta densità (Retina): un pixel CSS è composto da 2 × 2 o 3 × 3 pixel fisici. Testo e immagini appaiono più nitidi, mentre i layout mantengono le stesse dimensioni.

I miei dati vengono salvati?

No. Tutti i valori vengono letti e mostrati solo nel tuo browser; nulla viene inviato o salvato.

Fonti e riferimenti normativi

Aggiornato al: 27 settembre 2026