Resolução de tela, PPI e densidade de pixels

Abra nossa leitura do dispositivo em um MacBook e ela mostrará algo como 1512×982 @2.0x. O painel tem 3024×1964. Nenhum número está errado: eles respondem a perguntas diferentes, e a distância entre os dois explica quase toda a confusão sobre resolução, PPI e “Retina”.

Quatro números, quatro perguntas

Resolução: quantos pixels físicos existem no painel. 1920×1080 — Full HD —, 2560×1440 — QHD —, 3840×2160 — 4K. É uma contagem, não uma medida de qualidade; uma TV de 55 polegadas e um monitor de 27 podem ter a mesma resolução e parecer muito diferentes de perto.

PPI — pixels por polegada: quão concentrados eles estão. Divida a diagonal em pixels pela diagonal em polegadas. A mesma grade 3840×2160 tem 163 PPI em um monitor de 27 polegadas e 80 PPI naquela TV de 55. PPI é o número que os olhos experimentam.

Distância de visualização: a variável ausente em toda discussão de PPI. O que importa são pixels por grau de visão. 80 PPI é muito nítido no sofá e grosseiro na mesa. Por isso celulares passam de 450 PPI enquanto monitores ficam bem em 110: o telefone está a um terço da distância.

Proporção de pixels do dispositivo — DPR: quantos pixels físicos o sistema gasta por “ponto” lógico da interface. É o @2.0x da leitura e a chave do mistério do MacBook.

Por que telas de alta densidade mentem sobre a resolução

Em 220 PPI, desenhar a interface 1:1 deixaria cada botão minúsculo. O sistema monta o layout lógico em um tamanho confortável e mapeia cada pixel lógico para um bloco de 2×2 — ou 3×3 — pixels físicos. O software vê uma tela de 1512 de largura; o painel desenha 3024. Tudo tem metade do tamanho em unidades lógicas e o dobro da densidade física. Esse é o truque completo de “Retina”, escala do Windows e unidades dp do Android.

Quando a leitura diz 1512×982 @2.0x, leia: canvas lógico de 1512×982, desenhado com 2×2 pixels físicos para formar um painel 3024×1964. Capturas “grandes demais” e imagens web borradas em notebooks novos são os dois lados do mecanismo. Para desenvolvimento web, DPR também explica imagens 2×: um elemento de 300 pixels de largura em uma tela 2× precisa preencher 600 pixels físicos, e um recurso 1× é esticado.

Escala fracionária — 1,25×, 1,5× — é o meio-termo bagunçado. Pixels lógicos não coincidem com a grade física; o sistema renderiza maior e reduz depois. Normalmente funciona, às vezes deixa texto fino tremeluzente. Se um monitor Windows parece ligeiramente suave, confira se está em 125% ou 150%.

Quão nítido é suficiente?

A antiga regra “Retina” — densidade em que pixels individuais deixam de ser percebidos — fica perto de 60 pixels por grau para visão comum. Na prática:

A nitidez também satura: acima do limite resolvível, pixels extras não trazem informação que o olho consiga captar. Passar de 110 para mais de 160 PPI transforma texto; de 160 para 220 é agradável; além disso você paga imposto de GPU. Todo quadro é renderizado nessas dimensões físicas: resolução é uma conta permanente de desempenho, e nosso benchmark a limita de propósito para a tela não distorcer comparações entre dispositivos.

Lendo sua própria tela

O verificador de resolução mostra ao vivo resolução lógica, pixels físicos, DPR e proporção, e calcula PPI quando você informa a diagonal. A leitura do dispositivo da página inicial acrescenta GPU, profundidade de cor e taxa medida. Duas verificações para qualquer máquina nova:

1. DPR é o esperado? Um monitor 4K externo em DPR 1,0 roda sem escala: tudo minúsculo e texto sem aproveitar a densidade.
2. A resolução é nativa? Um painel alimentado fora da resolução nativa interpola, e nenhum PPI salva texto interpolado. Os padrões de teste deixam isso claro: as grades finas do PM5544 devem virar linhas distintas, não uma sopa de moiré.

Se você compara dois celulares usados em uma feira, lembre a hierarquia: um painel limpo em 300 PPI vence um de 500 riscado e queimado. Densidade é luxo; uniformidade é necessidade.