Resolução da tela online: leia largura×altura do monitor, área útil, devicePixelRatio (escala 125%/150%), tamanho da janela e alguns dados do navegador. Bom para checar se o Windows está em 1080p, 1440p ou 4K e se a escala atrapalha um site.
- Resolução da tela
- -
- Área disponível
- -
- Device pixel ratio
- -
- Janela (viewport)
- -
- Profundidade de cor
- -
- Orientação
- -
- Fuso
- -
- Idioma
- -
- Plataforma
- -
- Núcleos lógicos
- -
- Pontos de toque
- -
- Online
- -
- Cookies
- Web Audio
- -
- Câmera API
- -
Como ler os números
- Abra a página em tela cheia. A leitura da janela muda conforme o tamanho, então vale começar maximizado.
- Olhe a resolução da tela: é o que o sistema informa para o monitor inteiro, algo como 1920×1080.
- Confira o device pixel ratio. 1 significa escala de 100%; 1,25 e 1,5 são as escalas de 125% e 150% do Windows.
- Redimensione a janela e clique em Atualizar para ver o viewport mudar em tempo real.
O que cada valor significa
A resolução da tela é o monitor todo. A área disponível é o mesmo número descontando barra de tarefas e menus do sistema, ou seja, o espaço real que uma janela maximizada ocupa.
O viewport é a área interna do navegador neste momento, sem barra de endereço nem abas. É esse número que os sites usam para decidir qual layout mostrar, e é por isso que ele importa mais que a resolução do monitor quando você está testando um site responsivo.
O device pixel ratio conta quantos pixels físicos o monitor usa para desenhar um pixel de CSS. Em tela comum é 1. Em tela de alta densidade e em Windows com escala aumentada, passa de 1, e aí o navegador reporta uma largura lógica menor que a física.
Por que o número não bate com o painel do Windows
A explicação costuma ser a escala. Um notebook 4K configurado a 200% reporta 1920×1080 lógicos, embora o painel seja 3840×2160. Nenhum dos dois números está errado: um é físico, o outro é o que o sistema entrega para os programas desenharem.
Duas outras causas aparecem bastante. Zoom do navegador, aquele Ctrl e mais ou menos, altera o viewport e também o device pixel ratio, então vale conferir se você está em 100%. E em multi-monitor os valores costumam vir do monitor onde a janela está no momento, o que confunde bastante quando as duas telas têm resoluções diferentes.
Se a suspeita for defeito no painel e não configuração, o teste de pixel morto preenche a tela com cores sólidas para revelar pontos travados.
Por que o valor não bate com o painel do Windows?
Quase sempre é a escala. Com o Windows em 150%, o navegador reporta uma largura lógica menor que a física do monitor. Zoom do navegador e multi-monitor também mudam a leitura.
Qual é a resolução nativa do meu monitor?
A nativa é a máxima que o painel aceita, e é nela que a imagem fica mais nítida. Este teste mostra a resolução configurada agora, que pode ser menor. A nativa aparece nas configurações de vídeo do sistema, normalmente marcada como recomendada.
O que é device pixel ratio?
Quantos pixels físicos o monitor gasta para desenhar um pixel de CSS. Em 1 está tudo em 100%; 1,25 e 1,5 correspondem às escalas de 125% e 150%; celular moderno costuma passar de 2.
Uso dois monitores. De qual vem o número?
Do monitor em que a janela do navegador está. Arraste a janela para a outra tela e clique em Atualizar para ler os valores de lá.
Isso é fingerprinting?
São dados que qualquer site consegue ler do navegador, mostrados aqui de forma legível para diagnóstico. Não é uma medida de privacidade nem prova de anonimato.
Preciso do tamanho da tela em polegadas
Isso o navegador não sabe. Resolução é contagem de pixels e não diz nada sobre o tamanho físico: 1920×1080 existe em 13 e em 27 polegadas.
