Compreendendo a resolução da tela
O que é resolução?
A resolução da tela refere-se ao número de pixels exibidos na tela, expresso como largura & vezes; altura. Resoluções mais altas significam mais pixels, resultando em imagens mais nítidas e mais espaço na tela.
O que é DPI/DPR?
Device Pixel Ratio (DPR) indica quantos pixels físicos são usados para exibir um pixel CSS. Um DPR de 2 significa 4 pixels físicos por pixel lógico, fazendo com que o texto e os elementos da interface do usuário pareçam significativamente mais nítidos.
Padrões de exibição comuns
| Nome Padrão | Resolução | Proporção | Dispositivo alvo |
|---|---|---|---|
| HD | 1280 × 720 | 16:9 | Tablets, Laptops |
| Full HD (FHD) | 1920 × 1080 | 16:9 | Core Standard |
| Quad HD (QHD) | 2560 × 1440 | 16:9 | Gaming Monitors |
| Ultra HD (4K) | 3840 × 2160 | 16:9 | Smart TVs, Creative |
| 5K UHD+ | 5120 × 2880 | 16:9 | Design Displays |
Perguntas frequentes
Por que a resolução detectada é diferente da resolução nativa do meu monitor?
Quão precisa é a medição da taxa de atualização?
requestAnimationFrame de alta precisão para medir a taxa real de renderização do seu navegador. Para obter resultados mais precisos, mantenha esta guia em foco e certifique-se de que nenhum processo pesado em segundo plano esteja em execução.