Resolução de Tela e Informações do Monitor
Seu navegador reporta esses valores em tempo real. Redimensione a janela para ver o tamanho do viewport atualizar instantaneamente.
A resolução é o número de pixels exibidos horizontal × vertical. Uma tela 1920×1080 tem ~2 milhões de pixels. Maior resolução significa mais detalhes.
O DPR compara pixels físicos com pixels CSS. Um DPR de 2 significa o dobro de pixels físicos em relação aos CSS — comum em telas Retina/HiDPI. Telas padrão têm proporção de 1.
A resolução é o tamanho físico total da tela. O viewport é a área visível dentro da janela do navegador, excluindo barras de ferramentas e a interface. Ambos diminuem se a janela não estiver maximizada.
A taxa de atualização (Hz) indica quantas vezes por segundo a tela se atualiza. 60 Hz = 60 quadros por segundo. Taxas mais altas (120 Hz, 144 Hz) proporcionam movimento mais suave. Medimos usando o timing requestAnimationFrame.