Qual é a resolução da sua tela, de verdade? Entenda por que um notebook 4K reporta 1536x864, o que significa device pixel ratio e como conferir os três números em…
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.
Como entender os resultados
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.
O que esta ferramenta do navegador pode medir
Screenshots capturam pixels físicos, enquanto sua 'resolução de tela' reportada aos aplicativos está em pixels CSS. Num notebook DPR 2,5, um screenshot em tela cheia de uma tela lógica de 1536x864 produz uma imagem de 3840x2160. O screenshot é mais preciso que a configuração.
Privacidade desde o início
Todo o processamento interativo acontece localmente no navegador. Não é preciso ter conta e os dados do teste não são enviados.
Resposta mais rápida: abra o teste de resolução de tela e leia os valores ao vivo. No Windows, você também pode conferir em Configurações → Sistema → Tela a resolução física e a porcentagem de escala. Lembre-se de que os sites veem sua resolução CSS (com escala), que costuma ser menor que a contagem de pixels físicos do painel.
Porque ele está rodando com escala de exibição de 150%. O sistema divide o painel físico de 3840x2160 por 1,5, dando aos aplicativos um espaço de trabalho lógico de 2560x1440, enquanto ainda renderiza texto e imagens com todos os 8,3 milhões de pixels físicos. É nitidez mais legibilidade, não um defeito.
Device pixel ratio (DPR) é quantos pixels físicos uma tela usa para desenhar um pixel CSS. DPR 1 é um para um, DPR 2 significa um bloco físico 2x2 por pixel CSS (o 'Retina' da Apple), e celulares costumam rodar DPR 3 ou mais. Multiplique o tamanho da sua tela CSS pelo DPR para estimar a resolução física do painel.
Screenshots capturam pixels físicos, enquanto sua 'resolução de tela' reportada aos aplicativos está em pixels CSS. Num notebook DPR 2,5, um screenshot em tela cheia de uma tela lógica de 1536x864 produz uma imagem de 3840x2160. O screenshot é mais preciso que a configuração.