Qual è la mia risoluzione schermo?

Le specifiche del tuo display, rilevate all'istante — senza aprire le impostazioni

Tester viewport responsive

Seleziona una larghezza predefinita per vedere come i contenuti si adattano a diverse larghezze di viewport. Il badge della dimensione si aggiorna in tempo reale.

Larghezza piena
— px di larghezza con questo preset
Nota: gli iframe cross-origin sono bloccati dalla maggior parte dei siti. Questo riquadro di anteprima simula solo la larghezza.

Riferimento breakpoint CSS

Breakpoint CSS comuni usati dai framework più popolari. La tua larghezza di viewport attuale è evidenziata.

Nome Intervallo breakpoint Uso comune

Riferimento risoluzioni schermo comuni

Nome / Dispositivo Risoluzione Proporzioni DPR Dispositivi comuni Categoria

User Agent del browser

Caricamento…

Cosa significa tutto questo?

Risoluzione schermo

La risoluzione schermo è il numero totale di pixel che il monitor può visualizzare, espresso come larghezza × altezza (es. 1920×1080). È una proprietà hardware — non cambia a meno che non si modifichino le impostazioni del display. Risoluzione più alta = più pixel = immagine più nitida e più contenuto sullo schermo.

Densità pixel (DPR)

Il DPR è il rapporto tra pixel fisici e pixel CSS (logici). Un DPR di 2 significa che ogni pixel CSS è disegnato con 2×2 = 4 pixel fisici, rendendo tutto più nitido su display «Retina» o «HiDPI». La maggior parte degli smartphone moderni ha DPR ≥ 2; molti MacBook hanno DPR = 2; alcuni telefoni Android hanno DPR = 3 o superiore.

Per gli sviluppatori web: usa @media (-webkit-min-device-pixel-ratio: 2) o window.devicePixelRatio in JavaScript per servire immagini ad alta risoluzione agli schermi HiDPI.

Viewport vs risoluzione schermo

La risoluzione schermo è fissa (es. 1920×1080). Il viewport è l'area della finestra del browser che mostra i contenuti web — si riduce quando si ridimensiona il browser, si aprono strumenti sviluppatore o barre laterali, o si zooma. Le media query CSS rispondono alla dimensione del viewport, non alla risoluzione schermo. La dimensione del viewport mostrata qui si aggiorna in tempo reale al ridimensionamento.

Profondità colore

La profondità colore (in bit) determina quanti colori distinti ogni pixel può visualizzare. 24 bit = 16,7 milioni di colori (standard «True Color»). 30 bit = 1,07 miliardi di colori («Deep Color», presente su display professionali). La maggior parte dei monitor moderni è a 24 o 30 bit.

Come controllare la risoluzione schermo nelle impostazioni di sistema

  • Windows 11: Clic destro sul desktop → Impostazioni schermo → «Risoluzione schermo»
  • macOS: Menu Apple → Impostazioni di sistema → Monitor
  • Ubuntu/Linux: Impostazioni → Monitor
  • Oppure guarda in cima a questa pagina — senza aprire alcuna impostazione.

Domande Frequenti

La risoluzione schermo è mostrata nella scheda «Risoluzione schermo» in cima a questa pagina. È stata rilevata automaticamente dal browser tramite l'API window.screen. Se hai un display Retina/HiDPI, la riga «Pixel fisici» mostra il conteggio reale dei pixel hardware (risoluzione × DPR).
Il DPR indica quanti pixel fisici compongono ogni pixel CSS logico. DPR 1 = display standard. DPR 2 = Retina (il tuo schermo ha 4× i pixel di un display 1× alla stessa dimensione CSS). DPR 3 = presente su molti telefoni Android. Un DPR più alto significa testo e immagini più nitidi, ma le immagini devono essere servite a risoluzione più alta per trarne vantaggio.
La risoluzione schermo è il totale dei pixel del monitor hardware (fissa). La dimensione del viewport è l'area della finestra del browser che mostra i contenuti web — cambia quando si ridimensiona il browser, si zooma, si aprono o chiudono gli strumenti sviluppatore o la barra degli indirizzi. Le media query CSS rispondono alla dimensione del viewport, non alla risoluzione schermo. Il viewport mostrato qui si aggiorna in tempo reale.
Clic destro sul desktop → Impostazioni schermo → scorri fino a «Risoluzione schermo». Oppure premi Win+I per aprire Impostazioni, poi vai in Sistema → Schermo. Puoi anche controllare la cima di questa pagina — mostra la risoluzione all'istante senza navigare.
Menu Apple (in alto a sinistra) → Impostazioni di sistema → Monitor. Sotto il nome del monitor vedrai la risoluzione. Su macOS precedenti: Preferenze di sistema → Monitor. Nota: sui Mac Retina, macOS può mostrare una risoluzione «in scala» (es. «Sembra 2560×1600») — questa è la risoluzione logica. La risoluzione fisica hardware è il doppio.