Test Risoluzione Schermo
Visualizza la risoluzione nativa del tuo display in pixel fisici, insieme al rapporto pixel, alle proporzioni e alla profondità colore. Poi avvia un pattern di test a 1 pixel a schermo intero: alla vera risoluzione nativa si legge come una texture pulita e uniforme, mentre la scalatura o una modalità non nativa si manifestano come sfocatura o moiré.
Rilevazione…
← → cambia pattern
I pixel alternati si fondono in un grigio liscio — il display sta girando a risoluzione nativa e scalatura 100%.
L'immagine sta venendo allungata — la risoluzione è probabilmente impostata sotto la nativa, quindi la GPU sta ingrandendo.
I pattern ondulati derivano dall'interpolazione. Ripristina lo zoom del browser al 100% e controlla la scalatura del display del SO.
La risoluzione dello schermo indica quanti pixel un display mostra, espressa come larghezza × altezza — 1920 × 1080, ad esempio. Più pixel nella stessa area significano un'immagine più nitida e densa. Ogni pannello piatto ha una griglia fissa di pixel fisici per cui è stato costruito, chiamata risoluzione nativa, e appare più nitido quando funziona a quella risoluzione. Questo test legge la griglia di pixel fisici che il browser riporta e la mostra come il numero grande in alto, così puoi confermare ciò che il tuo hardware sta effettivamente pilotando.
Seleziona una risoluzione inferiore e la GPU distribuisce un'immagine più piccola sull'intera griglia fissa, rendendo tutto più sfocato. I sistemi moderni aggiungono anche il ridimensionamento del display (Retina, Windows 150%) per ingrandire l'interfaccia pur continuando a renderizzare alla massima densità. Ecco perché un browser riporta due dimensioni: il viewport CSS in pixel logici e la risoluzione fisica in pixel reali del dispositivo. Il rapporto tra di essi è il device pixel ratio (DPR) — un DPR di 2 significa che ogni pixel CSS è supportato da un blocco 2 × 2 di pixel fisici, quindi il viewport che il browser vede può essere la metà della risoluzione dello schermo.
Risoluzioni comuni dello schermo
| Risoluzione | Nome | Dove la trovi |
|---|---|---|
| 1280 × 720 | HD / 720p | Laptop datati, display di fascia bassa |
| 1920 × 1080 | Full HD / 1080p | La risoluzione più comune per desktop e laptop |
| 2560 × 1440 | QHD / 1440p | Monitor da gaming e lavoro più nitidi |
| 3440 × 1440 | UltraWide QHD | Pannelli ultrawide 21:9 |
| 3840 × 2160 | 4K UHD | Schermi grandi e ad alta DPI, TV |
| 1170 × 2532 | iPhone (DPR 3) | Smartphone moderni — pannelli alti e ad alta densità |
Suggerimenti per una lettura accurata
- Reimposta lo zoom del browser al 100% — lo zoom ricampiona la pagina indipendentemente dal sistema operativo.
- Su Windows, scegli la risoluzione contrassegnata come "(Recommended)" in Settings > System > Display.
- Su macOS, scegli "Default for display" in System Settings > Displays.
- Avvia il pattern a schermo intero: un grigio uniforme e omogeneo indica un output nativo, mentre sfocatura o moiré indicano ridimensionamento.