Sistema
Verifique rapidamente a resolução da tela, o tamanho do viewport e as dimensões do display — tudo pelo seu navegador.
Resolução de Tela
screen resolution, display resolution, my screen size
[READY]
Abrir Ferramenta →Saúde do Dispositivo
device health, device health check, hardware test
[READY]
Abrir Ferramenta →Sistema
Verifique rapidamente a resolução da tela, o tamanho do viewport e as dimensões do display — tudo pelo seu navegador.
Privacidade Primeiro sistema Ferramentas de Teste no usbRecognized funcionam inteiramente no seu navegador usando Web APIs seguras. Sem download de software, sem instalação, sem upload de dados — sua privacidade está 100% protegida. Simplesmente clique numa ferramenta acima para começar a testar.
Algumas ferramentas nesta categoria estão disponíveis agora (marcadas com ✓). Outras estão em breve — cada página inclui uma prévia detalhada do que a ferramenta fará e como pode testar o seu hardware entretanto.
Resolução, viewport e proporção de pixels do dispositivo
Três números diferentes são todos chamados de resolução no uso cotidiano, e confundi-los causa a maior parte das divergências entre o que o navegador informa e o que a ficha técnica promete. A resolução de tela é a quantidade de pixels físicos que a tela endereça. O tamanho do viewport é a área disponível para a página, que é menor porque o chrome do navegador, a barra de tarefas e painéis acoplados ocupam espaço. A proporção de pixels do dispositivo descreve quantos pixels físicos correspondem a um pixel de layout.
A proporção de pixels do dispositivo é o campo mais ignorado e o que explica os relatos mais estranhos. Numa tela de alta densidade a proporção pode ser dois ou mais, então um viewport informado com certa largura em pixels de layout cobre o dobro de pixels físicos. É por isso que uma captura de tela de alta densidade sai fisicamente maior que as dimensões de viewport informadas, sem nada estar errado.
O zoom do navegador muda a proporção sem mudar a tela. Aproximar aumenta o tamanho do pixel de layout e, portanto, reduz a largura de viewport informada, embora o painel físico não tenha mudado nada. Antes de concluir que uma leitura de resolução está errada, confirme se o zoom está no padrão, porque o zoom é lembrado por site e por janela.
Por que a resolução informada difere da ficha técnica
Uma tela pode rodar abaixo da resolução nativa, e com frequência roda. Quando o sistema está em modo com escala, o painel é acionado na resolução nativa pelo hardware, mas a área de trabalho é renderizada num tamanho lógico menor e depois ampliada. O navegador informa o que a área de trabalho entrega, que é o número com escala, não o nativo do painel.
Monitores externos introduzem uma segunda fonte de diferença. Um monitor ligado por um link que não comporta a resolução total na taxa desejada negocia uma combinação menor, e a negociação acontece em silêncio. A ficha técnica descreve o máximo do painel, enquanto o número informado descreve o link atual, que são grandezas diferentes que por acaso compartilham a unidade.
Máquinas virtuais e sessões remotas substituem o subsistema de tela por completo. Numa sessão remota a resolução informada descreve um framebuffer virtual em vez de qualquer painel físico, e pode mudar durante a sessão se a janela for redimensionada. É comportamento esperado, não defeito, e explica a maioria dos relatos de resolução impossível.
Como usar a resolução de tela na solução de problemas
A resolução é mais útil na solução de problemas quando comparada com algo. Comparar o valor informado com o selecionado nas configurações de tela diz se há escala aplicada. Comparar o viewport com a resolução de tela diz quanto da tela o chrome do navegador consome, que é a explicação típica para um layout que quebra em só uma máquina.
Para desenvolvimento web o uso prático é verificar breakpoints. Um layout correto numa janela de desktop redimensionada pode se comportar diferente num dispositivo real, porque redimensionar a janela muda o viewport mas mantém a proporção de pixels, enquanto um dispositivo móvel de verdade muda os dois. Ler a proporção junto com o viewport é o que torna a diferença visível.
Para suporte, a resolução é um dos jeitos mais rápidos de confirmar se o usuário descreve a máquina que você imagina. Um usuário com problema num notebook com monitor externo tem resolução informada diferente conforme a tela em que está a janela do navegador, e pedir o valor informado resolve a ambiguidade na hora.
Limites da detecção de tela no navegador
Um navegador não lê o tamanho físico de uma tela. Ele não tem acesso à medida da diagonal nem ao modelo do painel, porque essa informação vive nos dados EDID da tela, não expostos a páginas web. Qualquer site que diz informar seu tamanho exato de monitor em polegadas está inferindo a partir da resolução e de um palpite de densidade, por isso essas estimativas erram com frequência.
Um navegador também não enumera todas as telas conectadas. Ele informa a tela em que a janela está, além de um tamanho combinado em algumas configurações, mas não lista os painéis conectados fora de uso. Testar numa máquina com vários monitores exige mover a janela do navegador para cada tela, em vez de esperar que um único relatório cubra todas.
A profundidade de cor é informada como contagem de bits, não como capacidade medida, e o valor reflete o pipeline de composição, não o painel. Uma tela capaz de profundidade maior pode ser acionada numa menor pelo cabo, pela configuração do sistema ou pelo aplicativo. A profundidade informada é aquela com que o navegador trabalha, o que é útil, mas não é uma afirmação sobre o máximo do hardware.
Sistema FAQ
Como descubro a resolução da minha tela?
Leia direto do navegador em vez das configurações de tela, porque o navegador informa a resolução com que a página realmente trabalha. Esse número já considera a escala do sistema, então é ele que explica por que um layout ou uma captura se comporta de certo jeito. O painel de configurações informa o modo do painel, que pode legitimamente diferir.
Por que meu navegador informa resolução menor que a do monitor?
Porque há escala do sistema aplicada, ou porque o link negociou um modo menor. O painel pode estar na resolução nativa no hardware enquanto a área de trabalho é renderizada num tamanho lógico menor e ampliada. Confira primeiro a escala, depois cabo e porta, antes de concluir que há algo errado com a tela.
Qual é a diferença entre resolução de tela e tamanho do viewport?
A resolução de tela descreve a tela inteira, enquanto o viewport é a parte disponível para a página. O chrome do navegador, a barra de tarefas e painéis de desenvolvedor acoplados reduzem o viewport sem mudar a tela. Por isso uma página que cabe numa janela redimensionada ainda pode estourar num dispositivo com a mesma resolução nominal.
O que é proporção de pixels do dispositivo?
É quantos pixels físicos correspondem a um pixel de layout. Uma proporção de dois significa que cada pixel de layout é desenhado com quatro pixels físicos, típico em telas de alta densidade. Isso explica por que uma captura de tela de alta densidade sai fisicamente maior que o viewport informado, e por que imagens podem parecer suaves se não forem fornecidas na densidade maior.
Por que minha resolução muda ao ligar um monitor externo?
Porque o navegador informa a tela em que a janela está, e mover a janela entre telas muda isso. Espelhar força ambas as telas a um modo comum, em geral o menor dos dois, então um painel de notebook de alta resolução pode parecer perder resolução ao espelhar para um projetor menor. Estender em vez de espelhar evita isso.
Um site detecta o tamanho físico do meu monitor?
Não. A medida da diagonal e o modelo do painel trafegam em dados de identificação da tela que os navegadores não expõem a páginas web. Sites que dizem informar um tamanho físico estão dividindo a resolução informada por uma densidade presumida, o que só acerta quando o palpite coincide, então trate qualquer número desses como estimativa, não medição.
Verificar a resolução de tela exige algum download?
Não. Os valores são lidos das interfaces de tela e janela do próprio navegador, disponíveis a qualquer página sem plugin, extensão ou instalação. Nada é baixado nem transmitido, porque a página não precisa de acesso à rede para ler informação que o navegador já tem.