Qual è la risoluzione del mio schermo
La vera risoluzione, il pixel ratio e il viewport del tuo schermo, in diretta.
Pixel fisici: dimensione CSS moltiplicata per il pixel ratio
- Si aggiorna mentre ridimensioni
- Mostra il pixel ratio
- Funziona su telefoni e tablet
Come controllare la risoluzione dello schermo
- Apri questa pagina sul dispositivo che vuoi controllare.
- Leggi la risoluzione e il pixel ratio nei riquadri qui sotto.
- Ridimensiona la finestra o ruota il dispositivo per vedere i numeri aggiornarsi.
Risoluzioni comuni e dove si trovano
| Nome | Risoluzione | Comune su |
|---|---|---|
| HD | 1280 x 720 | Laptop più vecchi o economici |
| Full HD | 1920 x 1080 | La maggior parte dei laptop e monitor venduti oggi |
| QHD (1440p) | 2560 x 1440 | Monitor di fascia alta e alcuni telefoni |
| 4K UHD | 3840 x 2160 | Monitor premium e TV |
Pixel fisici contro pixel CSS
Un pixel CSS è l'unità in cui sono impaginate le pagine web, ma non corrisponde sempre a un punto fisico sullo schermo. Il pixel ratio ti dice quanti pixel fisici sono racchiusi in ogni pixel CSS, quindi un rapporto di 2 significa che il pannello sta disegnando 4 pixel fisici, disposti in un quadrato 2 per 2, per ogni pixel CSS che un sito web usa.
Gli schermi ad alta densità di telefoni e laptop riportano una dimensione CSS più piccola abbinata a un pixel ratio di 2 o 3, mentre la maggior parte dei monitor desktop riporta un pixel ratio di 1, dove i pixel CSS e i pixel fisici coincidono uno a uno.
Come cambiare la risoluzione
- Su Windows 11, apri Impostazioni, poi Sistema, poi Schermo, e scegli un'altra opzione dal menu a tendina Risoluzione dello schermo.
- Su macOS, apri Impostazioni di Sistema, poi Schermo, e scegli Predefinita o una delle opzioni ridimensionate mostrate sotto i controlli di risoluzione del display.
- Ruota un telefono o un tablet, oppure ridimensiona una finestra del browser su desktop, per vedere i numeri del viewport di questa pagina aggiornarsi in diretta senza cambiare la risoluzione reale del tuo schermo.
Domande su Controllo risoluzione schermo
Perché questo mostra un numero diverso dalle mie impostazioni schermo?
Windows e macOS elencano la risoluzione scelta nelle impostazioni schermo, che può essere inferiore alla risoluzione nativa del pannello quando il ridimensionamento è attivo. Questa pagina riporta quello che vede il browser, moltiplicato per il pixel ratio.
Cos'è devicePixelRatio?
È il rapporto tra pixel fisici e pixel CSS. Un rapporto di 2 significa che ogni pixel CSS viene disegnato con 4 pixel fisici, tipico per gli schermi dei telefoni e per la maggior parte dei laptop moderni.
Perché il viewport è più piccolo della dimensione dello schermo?
Il viewport è l'area visibile dentro la finestra del browser, quindi esclude la barra delle applicazioni, la barra degli strumenti del browser e qualsiasi altra finestra a schermo.
Funziona sul mio telefono o tablet?
Sì. Apri la pagina in qualsiasi browser mobile e ruota il dispositivo per vedere sia i numeri in verticale che in orizzontale.
Quale risoluzione dovrei scegliere per il mio monitor?
Scegli l'opzione indicata come Consigliata nelle impostazioni schermo, che corrisponde alla risoluzione nativa del pannello. Far funzionare un monitor LCD sotto la sua risoluzione nativa di solito sfoca il testo e i bordi sottili perché l'immagine deve essere ridimensionata.
Perché due telefoni con la stessa dimensione dello schermo mostrano numeri diversi?
I produttori scelgono la propria densità di pixel e il proprio fattore di scala CSS anche per schermi di dimensioni fisiche simili, quindi due telefoni con una diagonale simile possono riportare risoluzioni e pixel ratio diversi.
Qual è la differenza tra risoluzione e dimensione dello schermo?
La risoluzione conta i pixel sullo schermo. La dimensione misura la diagonale fisica in pollici. La stessa risoluzione racchiusa in uno schermo più piccolo dà una densità di pixel più alta, ed è per questo che gli schermi dei telefoni sembrano più nitidi da vicino di un monitor con lo stesso numero di pixel.