Verifica risoluzione schermo

Devi compilare una segnalazione di bug che richiede la tua risoluzione, stai testando un layout responsive o ti stai solo chiedendo qual è il reale numero di pixel del tuo telefono? Questa pagina legge tutto direttamente dal tuo browser: risoluzione dello schermo, dimensione attuale del viewport, device pixel ratio, profondità colore e orientamento.

I due numeri che spesso vengono confusi sono mostrati uno accanto all'altro. La risoluzione dello schermo è ciò che il tuo hardware di visualizzazione riporta in CSS pixel; il viewport è l'area che il browser mette effettivamente a disposizione delle pagine web — più piccola a causa di barre degli strumenti, barre di scorrimento e dimensioni della finestra. Ridimensiona la finestra e guarda i valori del viewport che si aggiornano in tempo reale.

Il device pixel ratio (DPR) spiega perché un portatile che dichiara 2880×1800 riporta 1440×900: sugli schermi ad alta densità ogni CSS pixel viene disegnato con più pixel fisici. Lo strumento mostra il rapporto e lo moltiplica, così vedi sia la risoluzione CSS che quella fisica del tuo display.

In fondo c'è una riga di riepilogo pronta da copiare con tutti i valori: incollala in un ticket di assistenza, in una checklist QA o in una chat con il tuo designer. Tutto viene letto localmente tramite le API standard del browser e non lascia mai il tuo dispositivo.