Qual É a Resolução da Minha Tela? A Resposta Engana

Pergunte a um site qual é a sua resolução de tela e ele pode responder com um número que não está impresso em lugar nenhum da caixa do seu notebook. Uma máquina 4K reportando 1536x864 não é um bug — é a escala fazendo seu trabalho. Sua tela na verdade tem três 'resoluções' diferentes, e cada uma importa por um motivo diferente.

Três números, uma tela

Quando as pessoas dizem 'resolução', elas misturam três medições diferentes:

• Tamanho da tela — o espaço de coordenadas do display como o sistema operacional o apresenta, em pixels CSS, depois de aplicada a escala.
• Viewport — a parte desse espaço que a janela do seu navegador realmente ocupa agora. Redimensione a janela e esse número muda; os outros, não.
• Pixels físicos — as luzes reais do painel. O número da caixa: 1920x1080, 3840x2160 e por aí vai.

Você pode ver os três ao vivo — mais orientação, profundidade de cor e uma comparação em tela cheia — no nosso teste de resolução de tela. Redimensione a janela do navegador enquanto ele roda e veja o número do viewport se mover enquanto o valor da tela fica parado. Esse único experimento ensina o conceito inteiro.

Então qual deles é 'a sua resolução'? Para comprar um monitor: pixels físicos. Para web design e o que os sites veem: tamanho da tela em pixels CSS. Para saber se a janela da videochamada cabe ao lado das suas anotações: viewport. Todas são respostas honestas a perguntas diferentes.

Por que seu notebook 4K reporta 1536x864

Aqui está o quebra-cabeça que manda as pessoas para o Google. Um notebook de 14 polegadas com painel de 3840x2400 reporta um tamanho de tela de 1536x864 para todo site. O vendedor te enganou? Não — o notebook está rodando com escala de exibição de 250%, que é a recomendação padrão do Windows em telas de notebook de alta densidade.

A matemática: divida a resolução física pelo fator de escala. 3840 ÷ 2,5 = 1536. O sistema finge que a tela tem 1536 pixels CSS de largura para que botões e texto mantenham um tamanho físico legível, e depois pinta cada pixel CSS usando 2,5x2,5 pixels físicos de detalhe afiado como navalha. Você fica com a nitidez do 4K e a usabilidade de uma resolução bem menor.

O mesmo truque está em todo lugar em 2026: um monitor 4K de 27 polegadas a 150% de escala reporta 2560x1440. Um celular com painel de 1170x2532 reporta 390x844. O número reportado é a tela lógica, não a física — e os sites quase sempre veem a lógica.

Device pixel ratio, explicado com café

O device pixel ratio (DPR) é a ponte entre os dois mundos. Ele responde a uma pergunta: quantos pixels físicos a tela usa para desenhar um pixel CSS? DPR 1 significa um para um — o velho mundo dos monitores padrão. DPR 2 significa que cada pixel CSS é um bloco 2x2 de quatro pixels físicos, que é o que a Apple batizou de 'Retina'.

Dispositivos modernos levam isso adiante. Celulares topo de linha rodam DPR 3 ou mais — um pixel CSS apoiado por nove físicos. Aquele notebook com escala de 150% fica em DPR 2,5. É por isso que o texto num celular parece impossivelmente suave: o navegador está desenhando letras com muito mais pixels do que o layout CSS conhece.

Isso também explica o clássico mistério do print. Você tira um screenshot de uma página que 'cabe' na sua tela de 1536x864, e o PNG sai com 3840 pixels de largura. Screenshots capturam pixels físicos, não CSS — então a imagem é a sua largura CSS multiplicada pelo DPR. Sua resolução não mudou; sua régua, sim.

As resoluções em que as pessoas realmente jogam

Resolução física ainda é a que custa dinheiro e quadros. Cada degrau multiplica a contagem de pixels que sua GPU precisa empurrar a cada quadro:

Apesar de uma década de marketing de 4K, a pesquisa de hardware da Steam consistentemente mostra 1080p como a resolução de jogo mais comum, com 1440p subindo firmemente para o segundo lugar. A razão é simples: jogadores competitivos trocam pixels por frame rate. Uma imagem 1080p a 240Hz ganha mais fights que uma imagem 4K a 60Hz — um tema ao qual voltamos nos benchmarks de tempo de reação.

Se você está decidindo onde investir, resolução e taxa de atualização brigam pelo mesmo orçamento. Nossa checklist de teste de monitor orienta a verificação das duas assim que o novo painel chegar.

Por que streamers e celulares reportam números tão estranhos

Já reparou no overlay de um streamer mostrando um canvas de 1536x864 ou 1600x900? Normalmente é um desktop 4K ou 1440p com escala, ou uma redução deliberada para a stream renderizar mais rápido e o texto ficar legível em telas de celular. Os números 'estranhos' são só resoluções físicas divididas por fatores de escala.

Celulares são o caso extremo. Um iPhone com painel físico de 1179x2556 a DPR 3 reporta uma tela CSS de 393x852 — um número que parece erro de digitação até você multiplicar por três. Flagships Android fazem o mesmo com DPRs como 2,625 ou 3,5, e é por isso que as estatísticas de telas mobile estão cheias de valores como 412x915.

Tablets, dobráveis e consoles portáteis de 120Hz jogam o mesmo jogo em 2026: painéis físicos grandes, telas lógicas modestas, um DPR fazendo a tradução no meio.

Como os sites realmente usam esses números

O design responsivo roda em pixels CSS, não físicos. Quando um site troca de layout de desktop para layout mobile, ele está verificando se o seu viewport cruzou um breakpoint — tipicamente em algum lugar em torno de 768 ou 1024 pixels CSS de largura. Seu celular reporta 390 pixels CSS, então recebe o layout mobile, mesmo que seu painel tenha mais pixels físicos que muitos notebooks.

É por isso também que o zoom do navegador muda layouts. Dar zoom a 125% não adiciona pixels; ele infla o pixel CSS, encolhendo a largura CSS do seu viewport. Dê zoom suficiente num desktop e os sites vão te servir o layout de tablet — um truque de festa que confunde todo mundo na primeira vez.

Para quem constrói ou depura um site, a leitura de viewport ao vivo no teste de resolução de tela — atualizando conforme você redimensiona — é mais rápida que abrir as ferramentas de desenvolvedor só para conferir um breakpoint.

Quando resolução mais alta realmente atrapalha

Mais pixels não são de graça. Quatro custos que vale conhecer antes de correr atrás do maior número:

• Frame rate: 4K é exatamente 4x os pixels de 1080p. Espere cerca de metade do FPS da mesma GPU, ou pior, nas mesmas configurações.
• Interface minúscula: rode 4K a 100% de escala numa tela de 27 polegadas e divirta-se apertando os olhos para texto de 9 pontos. Corrija com escala e você está de volta a um 1440p lógico mesmo assim.
• Bateria: painéis high-DPI e o trabalho de GPU para alimentá-los custam bateria de verdade em notebooks e celulares — uma razão pela qual muitos celulares agora saem de fábrica com modos de renderização mais baixos.
• Artefatos de escala: apps antigos que ignoram a escala de DPI renderizam borrados em telas high-DPI, o que pode parecer pior que um painel 1080p simples.

A conclusão prática: combine resolução com tamanho de tela e distância de visualização, combine escala com seus olhos e deixe o DPR fazer seu trabalho silencioso em segundo plano.

Resumindo

Sua tela tem três resoluções, e todas estão 'certas': os pixels físicos do painel, o espaço de coordenadas CSS depois da escala e o viewport que a janela do seu navegador ocupa. Se um site reporta 1536x864 na sua máquina 4K, nada está quebrado — é a escala de 250% fazendo exatamente o que deveria. Confira os três valores ao vivo, multiplique o número CSS pelo DPR para checar o painel e gaste seu orçamento de upgrade na resolução que sua GPU e seus olhos realmente conseguem usar.