Sobre a ferramenta: Resolução da tela
Esta ferramenta mostra a resolução da tela, o tamanho da janela do navegador e a proporção de pixels (DPR) do aparelho que você está usando. É útil para definir breakpoints de um site responsivo, conferir se um monitor novo está na resolução nativa ou escolher o tamanho certo de papel de parede.
Os navegadores informam a resolução em pixels CSS, que já incluem a escala do sistema operacional. Multiplique pelo DPR para obter os pixels físicos do painel.
Como usar
- Abra a página: a resolução da sua tela aparece no topo na hora.
- Logo abaixo, confira o tamanho da janela, a proporção de pixels e os pixels físicos.
- Redimensione a janela ou gire o celular e os valores mudam ao vivo.
- Toque em Copiar todas as informações para copiar todos os valores como texto e colar num chamado ou relato de erro.
Resolução, viewport e DPR: qual a diferença
| Valor | Significado |
|---|---|
| Resolução da tela | Tamanho total da tela após a escala do sistema (pixels CSS) |
| Área disponível | Tela sem a barra de tarefas, o Dock ou a barra de menus |
| Janela do navegador | Área onde a página aparece (base do design responsivo) |
| DPR | Pixels físicos por pixel CSS |
| Pixels físicos | Resolução × DPR, próximo da quantidade real de pixels do painel |
Por exemplo, um monitor 4K (3840×2160) com escala de 150% no Windows mostra 2560×1440 e DPR 1,5, ou seja, 3840×2160 pixels físicos.
Resoluções mais comuns
| Nome | Resolução | Proporção |
|---|---|---|
| Full HD (1080p) | 1920 × 1080 | 16:9 |
| QHD (1440p) | 2560 × 1440 | 16:9 |
| 4K UHD | 3840 × 2160 | 16:9 |
| WUXGA | 1920 × 1200 | 16:10 |
| UWQHD (ultrawide) | 3440 × 1440 | 21:9 |
Perguntas frequentes
Meu monitor é 4K. Por que aparece uma resolução menor?
A escala do sistema (escala de exibição do Windows ou ajuste de resolução do macOS) está ativa. O navegador informa pixels CSS divididos por essa escala; confira os pixels físicos (resolução × DPR).
O zoom do navegador muda os valores?
Sim. Dar zoom com Ctrl (⌘) + rolagem ou +/− altera o DPR e o tamanho da janela em pixels CSS. Volte o zoom para 100% para ver os valores exatos.
Meu celular mostra uma resolução menor que a da ficha técnica.
Celulares têm DPR de 2 a 3, por isso em pixels CSS parecem pequenos. Uma tela de 1179×2556 com DPR 3, por exemplo, aparece como 393×852. Veja se os pixels físicos batem com a ficha técnica.
Essas informações são salvas ou enviadas?
Não. Todos os valores são lidos pelo navegador no seu aparelho e exibidos; nada é enviado.