Os números grandes acima são a resolução da sua tela conforme o seu navegador informa, junto com os dados que desenvolvedores e designers de fato precisam: o tamanho do viewport do navegador, a proporção de pixels do aparelho (quantos pixels físicos se escondem atrás de cada pixel CSS), a sua proporção de tela e a profundidade de cor. Redimensione a janela e os valores se atualizam ao vivo.
Note que em celulares e notebooks de alta densidade a resolução CSS difere da resolução de marketing: um notebook "4K" costuma informar 1920×1080 pixels CSS numa proporção de pixels de 2; os dois números aparecem aqui.
Para que as pessoas usam
Desenvolvimento web
Confira num olhar o viewport real e a proporção de pixels de qualquer aparelho de teste: os números que as media queries de CSS realmente enxergam.
Suporte e ajuda remota
Peça a um usuário para abrir esta página e ler os números em voz alta: mais rápido e mais preciso do que guiá-lo pelas configurações do sistema.
Verificação de display
Confirme se um monitor está mesmo rodando na resolução nativa: uma causa surpreendentemente comum de telas borradas após trocar cabos ou drivers.
Perguntas frequentes
Por que a minha tela 4K mostra 1920×1080?
O seu sistema usa escalonamento de tela. O navegador informa pixels CSS; multiplique pela proporção de pixels do aparelho mostrada aqui para obter os físicos: 1920×1080 na proporção 2 é exatamente 3840×2160.
O que é proporção de pixels do aparelho?
O número de pixels físicos de tela por pixel CSS. A proporção 1 é um monitor clássico, a 2 é Retina/HiDPI, e os celulares costumam ir de 2,5 a 4.
O que a proporção de tela (por exemplo 1,78) significa?
A proporção de tela é a largura da sua tela dividida pela altura. 1,78 é a forma decimal de 16:9, o formato widescreen padrão; 1,60 é 16:10, e monitores ultrawide mostram por volta de 2,33 (21:9). Ela diz o formato do display, independentemente de quantos pixels ele tem.
O que é profundidade de cor (24 bits)?
A profundidade de cor é quantos bits são usados para descrever a cor de cada pixel. 24 bits significa 8 bits para cada um de vermelho, verde e azul: cerca de 16,7 milhões de cores, o padrão de quase toda tela moderna. Os 30 bits (10 por canal) são usados por algumas telas HDR e profissionais para gradientes mais suaves.
Por que o meu viewport é menor que a minha tela?
O viewport é só a área que o navegador deixa para a página web, então quase sempre é menor que a tela cheia: as abas, a barra de endereços e os favoritos ocupam espaço em cima, a barra de tarefas ou o dock do sistema ocupam mais, e a janela pode não estar maximizada. Maximize a janela ou pressione F11 para tela cheia e o viewport cresce em direção ao tamanho de tela CSS.
Esta página envia os meus dados para algum lugar?
Não: os valores são lidos e exibidos localmente pelo seu próprio navegador. Nada é transmitido nem armazenado.