Dettagli di schermo e finestra
Salvo diversa indicazione, le dimensioni sono in pixel CSS, l'unità usata dai siti web. Imposta lo zoom del browser al 100% (Ctrl+0, o ⌘0 su Mac) per avere valori esatti.
- Risoluzione dello schermo
- Controllo… La dimensione dello schermo vista dai siti web.
- Risoluzione fisica
- Controllo…Risoluzione dello schermo × rapporto pixel: i pixel reali del pannello.
- Viewport (finestra del browser)
- Controllo… La parte della pagina che vedi, senza le barre degli strumenti.
- Intera finestra del browser
- Controllo…
- Schermo disponibile
- Controllo…Lo schermo meno la barra delle applicazioni, il Dock o la barra dei menu.
- Rapporto pixel del dispositivo
- Controllo…
- Rapporto d'aspetto
- Controllo…
- Orientamento
- Controllo…
- Profondità di colore
- Controllo…
- Gamma cromatica
- Controllo…
- HDR
- Controllo…
- Frequenza di aggiornamento
- Controllo…
- Touchscreen
- Controllo…
- Monitor
- Controllo…
Il tuo viewport sul tuo schermo
Il riquadro esterno è il tuo schermo; quello ombreggiato è la parte visibile di questa pagina, dove si trova la finestra del tuo browser.
Risoluzioni dello schermo più comuni
Le dimensioni di monitor e portatili sono in pixel fisici; quelle di smartphone e tablet in pixel CSS, come le vedono i siti web. Le righe che corrispondono al tuo schermo sono evidenziate.
| Nome | Risoluzione | Rapporto d'aspetto | Uso tipico |
|---|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 | TV HD, portatili piccoli |
| WXGA | 1366 × 768 | 16:9 | Portatili economici |
| HD+ | 1600 × 900 | 16:9 | Portatili da 17 pollici, monitor datati |
| Full HD (1080p) | 1920 × 1080 | 16:9 | La maggior parte di monitor e portatili |
| WUXGA | 1920 × 1200 | 16:10 | Monitor da ufficio, portatili |
| QHD / 2K (1440p) | 2560 × 1440 | 16:9 | Monitor da 27 pollici, gaming |
| WQXGA | 2560 × 1600 | 16:10 | MacBook Air e Pro, portatili 16:10 |
| UWQHD | 3440 × 1440 | 21:9 | Monitor ultrawide da 34 pollici |
| 4K UHD (2160p) | 3840 × 2160 | 16:9 | Monitor e TV 4K |
| 5K | 5120 × 2880 | 16:9 | iMac, Apple Studio Display |
| iPhone 12 / 13 / 14 | 390 × 844 | 19.5:9 | iPhone (pixel CSS) |
| iPhone 15 / 16 | 393 × 852 | 19.5:9 | iPhone (pixel CSS) |
| Android | 412 × 915 | 20:9 | Smartphone Android (pixel CSS) |
| iPad | 810 × 1080 | 4:3 | iPad (pixel CSS) |
Cosa significa risoluzione dello schermo
La risoluzione dello schermo è il numero di pixel che il display mostra in larghezza e in altezza, indicato come larghezza × altezza. Un monitor Full HD è 1920 × 1080: 1.920 pixel in larghezza e 1.080 in altezza, circa due milioni di pixel in tutto.
Più pixel su uno schermo della stessa dimensione significano testo e immagini più nitidi. Per questo un portatile da 13 pollici può avere una risoluzione più alta di un monitor da ufficio da 24 pollici.
Perché la tua risoluzione sembra più bassa di quella del monitor
Windows, macOS, iOS e Android ingrandiscono tutto perché il testo resti leggibile sugli schermi ad alta definizione. Un portatile con pannello 1920 × 1080 e ridimensionamento al 125% comunica ai siti uno schermo di 1536 × 864, e un MacBook con pannello 2560 × 1600 di solito indica 1440 × 900 o 1470 × 956.
I siti web vedono solo queste dimensioni ridimensionate, chiamate pixel CSS. Moltiplicale per il rapporto pixel del dispositivo per ottenere la risoluzione fisica, che questa pagina mostra sotto il numero principale. Anche lo zoom del browser cambia il rapporto pixel, quindi riportalo al 100% prima di confrontare.
Risoluzione dello schermo, viewport e dimensione della finestra
- Risoluzione dello schermo: l'intero display, comprese le parti coperte da altre finestre.
- Schermo disponibile: il display meno la barra delle applicazioni, il Dock o la barra dei menu.
- Finestra del browser: l'intera finestra, con schede, barra degli indirizzi e bordi.
- Viewport: la parte della finestra che mostra la pagina. È la dimensione su cui i web designer testano i layout, e cambia quando ridimensioni la finestra o apri gli strumenti per sviluppatori.
Come cambiare la risoluzione dello schermo
- Windows 11 e 10: clic destro sul desktop > Impostazioni schermo > Risoluzione dello schermo. Quella indicata come (Consigliato) è la risoluzione nativa del monitor. Il ridimensionamento si imposta appena sopra.
- macOS: menu Apple > Impostazioni di Sistema > Monitor, poi scegli una dimensione. “Testo più grande” usa meno pixel CSS, ma più grandi; la risoluzione fisica del pannello resta la stessa.
- iPhone e Android: la risoluzione è fissa. Zoom schermo (iPhone) o Dimensioni visualizzazione (Android) cambia quanto appare grande ogni cosa, e quindi la dimensione CSS che vedono i siti.
- Per l'immagine più nitida, mantieni la risoluzione nativa e cambia invece il ridimensionamento.
Domande
Qual è la risoluzione del mio schermo?
La trovi in cima a questa pagina, letta dal tuo browser. Il numero grande è la dimensione che vedono i siti web; la riga sotto indica la risoluzione fisica del tuo display e il ridimensionamento usato dal sistema.
Perché vedo 1536 × 864 se il mio monitor è 1920 × 1080?
Il tuo sistema è impostato con un ridimensionamento al 125%, quindi i siti vedono uno schermo 1,25 volte più piccolo. La risoluzione fisica resta 1920 × 1080, come indicato sotto il numero principale. Allo stesso modo, un ridimensionamento al 150% trasforma 1920 × 1080 in 1280 × 720.
1920 × 1080 è la stessa cosa di 1080p e 2K?
1920 × 1080 è il Full HD, detto anche 1080p. Per i monitor, 2K di solito indica 2560 × 1440 (QHD o 1440p), anche se il 2K del cinema è 2048 × 1080. Il 4K UHD è 3840 × 2160, quattro volte i pixel del 1080p.
Che cos'è la dimensione del viewport?
Il viewport è l'area della finestra del browser che mostra la pagina, senza schede, barra degli indirizzi e barre di scorrimento. È la dimensione a cui si adattano i siti responsive, quindi è quella che intendono i designer quando ti chiedono la dimensione del tuo browser.
Che cos'è il rapporto pixel del dispositivo?
Indica quanti pixel fisici formano un pixel CSS. Un rapporto di 1 significa nessun ridimensionamento, 2 è tipico dei Mac Retina e di molti smartphone, 3 degli iPhone recenti. Anche lo zoom del browser lo modifica.
Come controllo la risoluzione dello schermo sullo smartphone?
Apri questa pagina sullo smartphone. I telefoni comunicano pixel CSS, per esempio 393 × 852 su un iPhone 15. Moltiplicando per il rapporto pixel (3 su quell'iPhone) si ottengono i 1179 × 2556 pixel del pannello, e questa pagina fa il calcolo per te.
La frequenza di aggiornamento è esatta?
Viene misurata in base a quanto spesso il browser disegna un fotogramma, quindi è vicina al valore reale ma non esatta. Il risparmio energetico, una scheda in background o un computer sotto carico possono farla risultare più bassa dell'impostazione del tuo display.
Guide
- Cos'è un indirizzo IP?
L'indirizzo IP è il numero che dice a internet dove inviare i dati destinati a te. Ecco com'è fatto, quali tipi esistono e cosa dice di te il tuo.
- Come trovare il tuo indirizzo IP
Il tuo IP pubblico si trova con un clic. Quello privato dipende dal dispositivo. Ecco i passaggi esatti per ciascuno.
- IPv4 vs IPv6: qual è la differenza?
IPv6 sostituisce IPv4 perché il mondo ha finito gli indirizzi. Ecco come si confrontano, come capire quale stai usando e perché IPv6 conta se usi una VPN.
- Cos'è un DNS leak e come si risolve?
Anche con la VPN attiva, il dispositivo può continuare a chiedere al provider internet ogni sito che visiti. Questo è un DNS leak. Ecco come riconoscerlo e fermarlo.