Utilore

Resolução de tela

No alto está a resolução da sua tela exatamente como o navegador informa. Abaixo, o número de pixels reais, a densidade que explica a diferença, a proporção, a taxa de atualização e o tamanho da janela do navegador. Mude o tamanho da janela e os números acompanham.

Tudo abaixo é lido pelo seu próprio navegador. Mude o tamanho da janela e os números mudam junto.

— Tela, pixels CSS

Tela, pixels reais
—
Densidade de pixels
—
Proporção
—
Megapixels
—
Área da página
—
Janela do navegador
—
Profundidade de cor
—
Taxa de atualização
—
Orientação
—

Nada aqui é enviado a lugar nenhum: a página lê o seu próprio navegador e mostra o que leu. É também por isso que a taxa de atualização é medida contando quadros por meio segundo em vez de perguntada — os navegadores não a informam.

Por perto: Testar o teclado, Testar o microfone, Testar a webcam, Qual é o meu IP

Como usar

  1. O número grande é a sua tela em pixels CSS — a medida em que o navegador trabalha.
  2. «Tela, pixels reais» é esse número multiplicado pela densidade. É a cifra impressa na caixa de um monitor.
  3. «Área da página» é o que a página realmente recebe: a janela menos barras e rolagens. É esse número que se pede quando um site pergunta em que resolução você está vendo.
  4. Mude o tamanho da janela ou vire o celular e repare quais números mudam e quais não.

Bom saber

Por que o navegador diz 390×844 e a caixa diz 1170×2532

Porque contam coisas diferentes. O navegador informa pixels CSS, uma unidade de tamanho aparente, para que o texto continue legível em qualquer tela; a caixa conta os pontos físicos do painel. As telas de celular atuais colocam três pontos físicos em um pixel CSS, e é isso que a linha de densidade quer dizer — com densidade 3, uma tela de 390 de largura tem de fato 1170 pontos. No computador o mesmo efeito vem do dimensionamento: ponha o Windows em 125 % e um monitor de 1920 pixels informa 1536 ao navegador. Os dois números são verdadeiros; apenas respondem a perguntas diferentes.

Três tamanhos, e qual deles você quer

A tela é o monitor inteiro. A janela do navegador é menor — exclui o que o sistema guarda para si — e, maximizada no Windows, fica alguns pixels maior que a tela porque a moldura passa das bordas. A área da página é menor ainda, porque barras de ferramentas, abas e rolagens comem espaço. Quando um site ou um designer pergunta «sua resolução», costuma se referir à tela; quando algo aparece quebrado e perguntam com que largura você está vendo, falam da área da página.

A taxa de atualização é medida, não perguntada

Os navegadores não a expõem, então esta página conta quantos quadros consegue desenhar em meio segundo. O resultado é arredondado para a taxa comum mais próxima: uma medida bruta de 59,7 é uma tela de 60 Hz com ruído de medição, e mostrar 59,7 seria apresentar o ruído como fato. A medida sai baixa se a aba estiver em segundo plano ou a máquina ocupada, e alguns notebooks reduzem a própria taxa na bateria — recarregue a página se o número parecer errado.

Perguntas frequentes

Qual é a resolução da minha tela?

O número no alto desta página, em pixels CSS — é o que o seu navegador enxerga. A resolução física real é a linha seguinte, e se as duas diferem, a linha de densidade diz em quanto.

Por que meu monitor 4K mostra 2560×1440?

Por causa do dimensionamento. A 150 %, um monitor de 3840 pixels informa 2560 aos programas, para que texto e botões não fiquem com um terço do tamanho pretendido. O painel continua com 3840 pontos; a linha «pixels reais» os mostra.

A área da página muda se eu der zoom?

Muda, e é o esperado: o zoom altera quantos pixels CSS cabem na tela. Ao aproximar, a área da página diminui em pixels CSS mesmo sem a janela ter se mexido. A linha da tela não muda.

A taxa de atualização parece errada.

Recarregue a página com esta aba em primeiro plano. Navegadores seguram a animação em abas de fundo, então uma medida feita enquanto você estava em outra sai baixa. Alguns notebooks também baixam a taxa na bateria — nesse caso o número está certo e a tela realmente ficou mais lenta.

Alguma coisa disso é enviada a algum lugar?

Não. Tudo nesta página é lido do seu próprio navegador e mostrado de volta para você. Nada é enviado a servidor, guardado ou registrado, e a página funciona sem rede.

Ferramentas relacionadas