Como funciona esta ferramenta de informações da tela
Abra a página e ela lê tudo o que o navegador sabe sobre a tela: resolução da tela, tamanho da viewport, proporção de pixels do dispositivo, profundidade de cor, gama de cores (sRGB, P3 ou Rec.2020), suporte a HDR, orientação, proporção da tela, pontos de toque e se o sistema prefere o modo escuro. Quando o navegador permite, várias telas também são listadas. A calculadora de PPI usa o tamanho da diagonal em polegadas e calcula a densidade de pixels.
Todos os valores são lidos localmente pelo navegador e nada é enviado a lugar nenhum.
Como interpretar os resultados
- Resolução da tela. O tamanho informado pelo sistema, como 1920×1080. Em uma tela com escala, pode ser menor que o painel físico.
- Viewport. A área visível da janela do navegador em pixels CSS. Muda quando você redimensiona a janela ou dá zoom.
- Proporção de pixels do dispositivo (DPR). Quantos pixels físicos formam um pixel CSS. Um DPR de 2 significa que uma área CSS de 1920×1080 usa 3840×2160 pixels reais. É isso que "Retina" quer dizer.
- Profundidade de cor. Geralmente 24 bits. Valores maiores significam degradês mais suaves.
- Gama de cores. sRGB é o padrão. P3 e Rec.2020 são mais amplas e mostram cores mais saturadas.
- PPI. Pixels por polegada. Algo entre 90 e 110 é típico de monitores de mesa, e 220 ou mais em notebooks e celulares.
Pixels CSS e pixels físicos são diferentes porque os sistemas operacionais ampliam a interface para o texto continuar legível em telas densas. Um monitor 4K com escala de 200 por cento informa 1920×1080 em pixels CSS. Resoluções comuns incluem 1366×768, 1920×1080, 2560×1440 e 3840×2160.
Resolução errada? Experimente estas soluções
- Windows. Abra Configurações → Sistema → Vídeo, escolha o monitor e selecione a resolução recomendada em Resolução de vídeo. Ajuste a Escala se o texto estiver pequeno demais.
- macOS. Vá em Ajustes do Sistema → Telas e selecione Padrão para o display, ou Ajustada para outros tamanhos.
- Android. Vá em Configurações → Tela → Resolução da tela, onde houver, e em Tamanho da tela e do texto para a escala.
- iPhone e iPad. A resolução é fixa. Use Ajustes → Tela e Brilho → Ampliação da Tela para mudar o tamanho.
- Atualize o driver de vídeo se só aparecerem resoluções baixas, e use um cabo compatível com a resolução nativa do monitor.
- Zoom do navegador. Se os números parecerem estranhos, aperte Ctrl+0 (Cmd+0 no Mac) para redefinir o zoom, pois o zoom altera a viewport e o DPR.
Por que ver as informações da tela
Saber a resolução real e a escala ajuda a escolher o papel de parede certo, configurar um jogo ou uma transmissão, comprar o tamanho certo de monitor e comparar com as especificações da caixa. Desenvolvedores usam para testar layouts responsivos, e equipes de suporte pedem esses números ao diagnosticar texto borrado ou interface grande demais.
Se você compartilhar uma captura desta página com o suporte ou com a central de ajuda de um jogo, eles veem de relance se escala, orientação ou configurações de cor explicam o que você está vendo.
Perguntas frequentes
Qual a resolução da minha tela?
Ela aparece no topo desta página como largura por altura, em pixels. Lembre que a escala pode deixá-la menor que a resolução física do painel.
O que é a proporção de pixels do dispositivo (DPR)?
É o número de pixels físicos usados para cada pixel CSS. Uma proporção de 2 significa uma tela nítida, de alta densidade, estilo Retina.
Por que meu monitor 4K mostra 1920x1080?
Provavelmente o sistema operacional está ampliando a interface em 200 por cento. O navegador informa pixels CSS, então uma tela 4K com escala aparece como 1920×1080.
Como calcular o PPI?
Divida a resolução da diagonal em pixels pelo tamanho da diagonal em polegadas. Digite o tamanho da tela na calculadora de PPI e ela faz isso por você.
Minha tela suporta HDR?
A ferramenta informa se o navegador diz que a tela pode exibir HDR. Talvez você também precise ativar o HDR nas configurações do sistema operacional.
Qual a diferença entre tamanho da tela e viewport?
O tamanho da tela é o display inteiro. A viewport é só a área visível da janela do navegador, que muda quando você redimensiona ou dá zoom.
Qual é melhor, 1920×1080 ou 2560×1440?
O 2560×1440 tem cerca de 78 por cento mais pixels, então fica mais nítido no mesmo tamanho de tela, principalmente em monitores de 27 polegadas ou mais. Também exige uma placa de vídeo mais forte nos jogos.
Quantas polegadas tem minha tela?
O navegador não consegue ler o tamanho físico, então meça a diagonal de um canto ao outro ou veja as especificações do modelo. Digite esse número na calculadora de PPI para obter a densidade de pixels.