Risoluzione schermo

Vedi a colpo d’occhio la risoluzione dello schermo, la dimensione della finestra del browser, il rapporto pixel (DPR) e i pixel fisici reali. I valori si aggiornano in tempo reale.

Risoluzione del tuo schermo
—
—Finestra del browser
—Area disponibile
—Rapporto pixel (DPR)
—Pixel fisici
—Profondità colore
—Orientamento

Ridimensiona la finestra o ruota il dispositivo: i valori si aggiornano subito.

Dettagli

Informazioni: Risoluzione schermo

Questo strumento mostra la risoluzione dello schermo, la dimensione della finestra del browser e il rapporto pixel (DPR) del dispositivo che stai usando. È utile per definire i breakpoint di un sito responsive, verificare che un nuovo monitor funzioni alla risoluzione nativa o scegliere la dimensione giusta per uno sfondo.

I browser indicano la risoluzione in pixel CSS, che includono già il ridimensionamento del sistema operativo. Moltiplica per il DPR per ottenere i pixel fisici del pannello.

Come si usa

  1. Apri la pagina: la risoluzione dello schermo compare subito in alto.
  2. Sotto trovi la dimensione della finestra, il rapporto pixel e i pixel fisici.
  3. Ridimensiona la finestra o ruota lo smartphone: i valori cambiano in tempo reale.
  4. Premi Copia tutte le informazioni per copiare tutti i valori come testo e incollarli in una richiesta di assistenza o segnalazione di bug.

Risoluzione, viewport e DPR: le differenze

ValoreSignificato
Risoluzione schermoDimensione totale dello schermo dopo il ridimensionamento del sistema (pixel CSS)
Area disponibileSchermo senza barra delle applicazioni, Dock o barra dei menu
Finestra del browserArea in cui viene mostrata la pagina (riferimento del responsive)
DPRPixel fisici per ogni pixel CSS
Pixel fisiciRisoluzione × DPR, vicino al numero reale di pixel del pannello

Ad esempio, un monitor 4K (3840×2160) con ridimensionamento al 150% in Windows mostra 2560×1440 e un DPR di 1,5, cioè 3840×2160 pixel fisici.

Risoluzioni più comuni

NomeRisoluzioneProporzioni
Full HD (1080p)1920 × 108016:9
QHD (1440p)2560 × 144016:9
4K UHD3840 × 216016:9
WUXGA1920 × 120016:10
UWQHD (ultrawide)3440 × 144021:9

Domande frequenti

Ho un monitor 4K: perché la risoluzione mostrata è più bassa?

È attivo il ridimensionamento del sistema (scala dello schermo di Windows o impostazione di risoluzione di macOS). Il browser indica pixel CSS divisi per quella scala: guarda i pixel fisici (risoluzione × DPR).

Lo zoom del browser cambia i valori?

Sì. Lo zoom con Ctrl (⌘) + rotellina o +/− modifica il DPR e la dimensione della finestra in pixel CSS. Riporta lo zoom al 100% per valori esatti.

Il mio smartphone mostra una risoluzione inferiore alla scheda tecnica.

Gli smartphone hanno un DPR di 2–3, quindi in pixel CSS sembrano piccoli. Uno schermo da 1179×2556 con DPR 3, per esempio, appare come 393×852. Verifica che i pixel fisici corrispondano alla scheda tecnica.

Queste informazioni vengono salvate o inviate?

No. Tutti i valori sono letti dal browser sul tuo dispositivo e mostrati; non viene inviato nulla.