Qual é a resolução da minha tela e por que o número parece errado

A resolução da sua tela é o número de pixels físicos na horizontal e na vertical do monitor, escrito como largura × altura, por exemplo 1920 × 1080. As configurações de exibição do seu sistema mostram esse valor. Já uma página da web costuma informar outro número, porque os navegadores medem em pixels CSS, uma unidade que o sistema operacional e o navegador ajustam por escala. As duas medidas podem estar certas ao mesmo tempo. A verificação de resolução da tela mostra o tamanho da tela, o tamanho em escala e o tamanho da janela juntos, para você saber qual deles está vendo.

Resolução de telaQual é o tamanho da minha tela?Use de graça

Pixels físicos e pixels CSS

Um pixel físico é um dos pequenos pontos de luz do painel. Um pixel CSS é uma unidade que as páginas da web usam para o layout. Uma página com 800 pixels CSS de largura deve ocupar aproximadamente a mesma parte da janela em qualquer painel, por isso o navegador converte entre as duas unidades usando a proporção de pixels do dispositivo.

A proporção de pixels do dispositivo é o número de pixels físicos que formam um pixel CSS. Em um monitor comum, ela é 1. Em muitas telas de alta densidade, é 2 ou mais, e cada pixel CSS é desenhado com um bloco de 2 por 2 pixels físicos, o que deixa o texto mais nítido. O tamanho da tela que uma página lê em pixels CSS é o tamanho físico dividido por essa proporção.

Escala do sistema operacional

Na maioria das vezes, a proporção vem da escala de exibição do sistema operacional. No Windows, isso fica na configuração Escala nas definições de vídeo. No macOS, as opções de resolução de um monitor controlam quanto espaço a interface ocupa. Um painel 4K tem 3840 × 2160 pixels físicos. Com escala de 200 por cento, a interface recebe o espaço de 1920 × 1080, e um navegador nessa tela informa 1920 × 1080 pixels CSS, com proporção de 2.

A conta é simples: divida o tamanho físico pelo fator de escala.

Painel, pixels físicos	Escala	Tamanho da tela em pixels CSS	Proporção
3840 × 2160	100 por cento	3840 × 2160	1
3840 × 2160	150 por cento	2560 × 1440	1,5
3840 × 2160	200 por cento	1920 × 1080	2
1920 × 1080	100 por cento	1920 × 1080	1

Alguns valores de escala não dividem exatamente, e o navegador arredonda o resultado. Um valor que difere em um pixel da sua própria conta é normal.

O zoom do navegador muda o número

O zoom do navegador é uma configuração separada da escala de exibição. Ao aplicar zoom de 200 por cento, tudo na página fica com o dobro do tamanho. O navegador altera a proporção de pixels do dispositivo para acompanhar, então a largura da janela em pixels CSS cai pela metade, enquanto a tela física continua a mesma. Uma janela que media 1280 pixels CSS de largura com 100 por cento pode passar a informar 640 depois de ampliada.

O zoom é a causa mais comum de duas verificações darem números diferentes. Se um valor parecer errado, confira primeiro o nível de zoom e depois pressione Ctrl+0, ou Cmd+0 em um Mac, para voltar a 100 por cento.

Tela, área disponível e janela

Três tamanhos são fáceis de confundir.

• A tela é o monitor inteiro, como o sistema operacional o informa.
• A área disponível deixa de fora as áreas que o sistema reserva para si, como a barra de tarefas no Windows ou o Dock e a barra de menus em um Mac. Ela nunca é maior que a tela.
• A janela do navegador, também chamada de viewport, é a área onde a página é desenhada. Ela não inclui as abas, a barra de endereços nem a barra de favoritos, e muda sempre que você redimensiona a janela.

Quando um site pede o tamanho da sua tela, geralmente quer dizer a tela ou a janela. Confira qual deles é necessário antes de copiar um número.

Taxa de atualização, HDR e cor

A taxa de atualização é quantas vezes por segundo o monitor atualiza a imagem. Um navegador não consegue lê-la diretamente. Uma página só pode contar os quadros de animação que desenha em cerca de um segundo. Por isso, o resultado é uma medição, e pode ficar abaixo da taxa da tela quando a aba está em segundo plano, o computador está ocupado ou o modo de economia de bateria limita o desenho. Trate-o como aproximado. O teste de taxa de atualização faz essa contagem e desenha o tempo dos quadros, e sua tela realmente roda a 120 Hz? explica onde fica essa configuração.

HDR e a gama de cores também são informados por meio de media queries, que descrevem o que o navegador detecta. Isso pode ser diferente da capacidade total do monitor e do que o sistema tiver ativado. Use essas leituras como referência.

Encontrando o número no seu sistema

Para conferir o valor que o próprio sistema usa, abra as configurações de exibição. No Windows 11, vá em Configurações, depois em Sistema, depois em Tela, e veja Resolução da tela. No macOS, abra Ajustes do Sistema e escolha Telas. Ambos mostram a resolução em escala e as opções disponíveis.

Depois de saber o tamanho, a próxima etapa, para uma tela nova, é um teste de cor sólida. O teste de pixel morto preenche a tela com preto, branco, vermelho, verde e azul, para você procurar pontos travados ou mortos.

Como fazer isso com a fixmint

1. Abra a verificação de resolução da tela. O valor no topo, "Sua tela, em pixels CSS", mostra o resultado.
2. Compare com "pixels físicos (estimativa)" e "proporção de pixels do dispositivo". Uma proporção acima de 1 significa que o sistema ou o navegador está aplicando escala à imagem.
3. Redimensione a janela do navegador ou altere o zoom e observe "janela do navegador, ao vivo" mudar. Pressione Ctrl+0, ou Cmd+0 em um Mac, para voltar a 100 por cento.
4. Leia "taxa de atualização, medida, aproximada" e pressione Medir taxa de atualização de novo se o valor parecer errado.
5. Pressione Copiar tudo para copiar as leituras antes de colá-las em um formulário de suporte.

Respostas rápidas

Por que meu monitor informa uma resolução menor do que ele tem?

Provavelmente a escala está configurada acima de 100 por cento. A resolução física não muda, e a página lê o tamanho em escala em pixels CSS.

O zoom do navegador altera a resolução da minha tela?

Não. Ele altera a proporção de pixels da página e o tamanho da janela em pixels CSS. Redefina o zoom para voltar ao valor normal.

A taxa de atualização é exata?

Não. Ela é medida a partir dos quadros de animação em cerca de um segundo. Uma aba em segundo plano ou um computador ocupado pode reduzir o valor.