Teste de Resolução de Tela
Veja a resolução nativa do seu display em pixels físicos, junto com a proporção de pixels, a proporção de tela e a profundidade de cor. Depois inicie um padrão de teste de 1 pixel em tela cheia: na verdadeira resolução nativa ele é lido como uma textura limpa e uniforme, enquanto escalonamento ou um modo não nativo aparece como desfoque ou moiré.
Detectando…
← → trocar padrão
Pixels alternados se fundem em um cinza suave — o display está rodando na resolução nativa e com 100% de escala.
A imagem está sendo esticada — a resolução provavelmente está abaixo da nativa, então a GPU está ampliando.
Padrões ondulantes vêm da interpolação. Redefina o zoom do navegador para 100% e verifique o escalonamento de tela do SO.
A resolução de tela é a quantidade de pixels que um monitor exibe, expressa como largura × altura — por exemplo, 1920 × 1080. Mais pixels na mesma área significam uma imagem mais nítida e densa. Todo painel plano possui uma grade fixa de pixels físicos para a qual foi construído, chamada de resolução nativa, e é nessa resolução que a imagem fica mais nítida. Este teste lê a grade de pixels físicos que o seu navegador reporta e a exibe como o número grande acima, para que você possa confirmar o que o seu hardware está de fato renderizando.
Se você escolher uma resolução menor, a GPU estica uma imagem menor sobre a grade fixa, suavizando tudo. Os sistemas modernos também adicionam escalonamento de exibição (Retina, Windows 150%) para desenhar a interface maior mantendo a densidade total de renderização. É por isso que um navegador reporta dois tamanhos: o viewport CSS em pixels lógicos e a resolução física em pixels reais do dispositivo. A razão entre eles é o device pixel ratio (DPR) — um DPR de 2 significa que cada pixel CSS é respaldado por um bloco de 2 × 2 pixels físicos, portanto o viewport que o navegador vê pode ter metade da resolução da tela.
Resoluções de tela comuns
| Resolução | Nome | Onde é encontrada |
|---|---|---|
| 1280 × 720 | HD / 720p | Laptops mais antigos, monitores de entrada |
| 1920 × 1080 | Full HD / 1080p | A resolução mais comum em desktops e laptops |
| 2560 × 1440 | QHD / 1440p | Monitores mais nítidos para jogos e trabalho |
| 3440 × 1440 | UltraWide QHD | Painéis ultrawide 21:9 |
| 3840 × 2160 | 4K UHD | Telas grandes e de alta DPI, TVs |
| 1170 × 2532 | iPhone (DPR 3) | Celulares modernos — painéis altos e de alta densidade |
Dicas para uma leitura precisa
- Redefina o zoom do navegador para 100% — o zoom reamostras a página de forma independente do sistema operacional.
- No Windows, escolha a resolução marcada como "(Recommended)" em Settings > System > Display.
- No macOS, escolha "Default for display" em System Settings > Displays.
- Execute o padrão de tela cheia: um cinza uniforme e limpo indica saída nativa, enquanto desfoque ou moiré indica escalonamento.