Utilore

Risoluzione dello schermo

In alto compare la risoluzione dello schermo, esattamente come la riporta il browser. Sotto trovi il numero di pixel reali, la densità che spiega la differenza, il rapporto d’aspetto, la frequenza di aggiornamento e la dimensione della finestra del browser. Ridimensiona la finestra e i numeri la seguono.

Tutto quello che segue è letto dal tuo stesso browser. Ridimensiona la finestra e i numeri cambiano con lei.

— Schermo, pixel CSS

Schermo, pixel reali
—
Densità di pixel
—
Rapporto d’aspetto
—
Megapixel
—
Area della pagina
—
Finestra del browser
—
Profondità di colore
—
Frequenza di aggiornamento
—
Orientamento
—

Niente di tutto questo viene inviato da nessuna parte: la pagina legge il tuo browser e ti mostra quello che ha letto. Anche per questo la frequenza di aggiornamento si misura contando i fotogrammi per mezzo secondo invece di chiederla — i browser non la comunicano.

Nelle vicinanze: Test della tastiera, Test del microfono, Test della webcam, Qual è il mio indirizzo IP

Come si usa

  1. Il numero grande è il tuo schermo in pixel CSS, l’unità in cui lavora il browser.
  2. «Schermo, pixel reali» è quel numero moltiplicato per la densità dei pixel. È la cifra stampata sulla scatola del monitor.
  3. «Area della pagina» è ciò che una pagina web riceve davvero: la finestra meno barre degli strumenti e barre di scorrimento. È il numero da dare quando un sito ti chiede a quale risoluzione stai guardando.
  4. Ridimensiona la finestra del browser o gira il telefono di lato e osserva quali numeri cambiano e quali no.

Da sapere

Perché il browser dice 390×844 e la scatola dice 1170×2532

Perché contano cose diverse. Il browser riporta i pixel CSS, un’unità di dimensione apparente, così che il testo resti leggibile su schermi diversi; la scatola conta i punti fisici del pannello. Gli schermi dei telefoni moderni stipano tre punti fisici in un pixel CSS, ed è ciò che indica la riga sulla densità: con densità 3, uno schermo largo 390 ha davvero 1170 punti in orizzontale. Sul desktop lo stesso effetto viene dal ridimensionamento del display: imposta Windows al 125 % e un monitor da 1920 pixel ne riporta 1536 al browser. Entrambi i numeri sono veri, rispondono solo a domande diverse.

Tre dimensioni, e quale ti serve

Lo schermo è tutto il display. La finestra del browser è più piccola: esclude quello che il sistema operativo si tiene, e su Windows a finestra massimizzata è di qualche pixel più grande dello schermo perché la cornice sborda dai bordi. L’area della pagina è più piccola ancora, perché barre degli strumenti, barra delle schede e barre di scorrimento se ne prendono un pezzo. Quando un sito o un designer chiede «la tua risoluzione» di solito intende lo schermo; quando qualcosa sembra rotto e ti chiedono a che larghezza stai guardando, intendono l’area della pagina.

La frequenza di aggiornamento è misurata, non chiesta

I browser non espongono la frequenza di aggiornamento, quindi questa pagina conta quanti fotogrammi riesce a disegnare in mezzo secondo. Il risultato viene arrotondato alla frequenza comune più vicina: una misura grezza di 59,7 è uno schermo a 60 Hz con rumore di misura, e mostrare 59,7 significherebbe spacciare il rumore per un fatto. La misura può risultare bassa se la scheda è in secondo piano o la macchina è occupata, e su certi portatili la frequenza stessa cambia per risparmiare batteria: ricarica la pagina se il numero ti sembra sbagliato.

Domande frequenti

Qual è la risoluzione del mio schermo?

Il numero in cima a questa pagina, in pixel CSS: è quello che vede il tuo browser. La risoluzione fisica reale è la riga sotto, e se le due differiscono la riga sulla densità dice di quanto.

Perché il mio monitor 4K mostra 2560×1440?

Ridimensionamento del display. Al 150 % un monitor da 3840 pixel ne riporta 2560 alle applicazioni, così che testo e pulsanti non siano un terzo della dimensione prevista. Il pannello ha ancora 3840 punti; la riga «pixel reali» li mostra.

L’area della pagina cambia se faccio zoom?

Sì, ed è normale: lo zoom cambia quanti pixel CSS entrano nello schermo. Se ingrandisci, l’area della pagina si riduce in pixel CSS anche se la finestra non si è mossa. La riga dello schermo non cambia.

La frequenza di aggiornamento sembra sbagliata.

Ricarica la pagina e tieni questa scheda in primo piano. I browser rallentano le animazioni nelle schede in secondo piano, quindi una misura presa mentre eri altrove risulta bassa. Alcuni portatili abbassano anche la frequenza a batteria, e in quel caso il numero è giusto: lo schermo è davvero rallentato.

Qualcosa di tutto questo viene inviato da qualche parte?

No. Tutto ciò che è su questa pagina viene letto dal tuo browser e mostrato a te. Niente viene inviato a un server, salvato o registrato, e la pagina funziona con la rete spenta.

Strumenti correlati