Qual é a resolução da minha tela?
Qual é a resolução da minha tela – e quanto espaço uma página realmente ganha dentro da janela do navegador? Todos os valores são medidos direto no seu navegador e atualizam ao vivo quando você redimensiona a janela, dá zoom ou gira o aparelho.
Como o cálculo é feito
Existe mais de uma resposta certa para “qual é a resolução da minha tela”: os pixels físicos da tela, os pixels CSS com os quais o navegador trabalha, e o viewport – a área que uma página realmente recebe. Esta ferramenta mostra todos lado a lado.
O que os valores significam
- Pixels físicos: tamanho da tela em pixels CSS × devicePixelRatio. Um notebook Full HD com escala de 125% informa 1536 × 864 pixels CSS – × 1,25 dá os 1920 × 1080 reais.
- devicePixelRatio: quantos pixels físicos formam um pixel CSS. 1 = monitor clássico, 2 ou 3 = tela Retina ou de celular. O zoom do navegador e a escala de exibição do Windows mudam esse valor.
- Disponível: a tela menos a barra de tarefas ou o Dock.
- Viewport: o tamanho interno da janela do navegador (
innerWidth × innerHeight) – é a isso que media queries e layouts responsivos respondem. A área visível (visual viewport) fica menor no celular quando você dá zoom com dois dedos ou o teclado está aberto. - Proporção: reduzida com exatidão (1920 × 1080 = 16:9) e, em valores atípicos, o nome mais comum (1366 × 768 ≈ 16:9).
- Breakpoint: qual nível do Bootstrap 5 (sm a partir de 576, md a partir de 768, lg a partir de 992, xl a partir de 1200, xxl a partir de 1400 px) e do Tailwind CSS (sm a partir de 640, md a partir de 768, lg a partir de 1024, xl a partir de 1280, 2xl a partir de 1536 px) vale na largura atual da janela.
Resoluções comuns
| Nome | Pixels | Proporção |
|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 |
| HD / WXGA | 1366 × 768 | ≈ 16:9 |
| Full HD (1080p) | 1920 × 1080 | 16:9 |
| WUXGA | 1920 × 1200 | 16:10 |
| QHD / WQHD (1440p) | 2560 × 1440 | 16:9 |
| UWQHD | 3440 × 1440 | ≈ 21:9 |
| 4K UHD | 3840 × 2160 | 16:9 |
Limites
Às vezes os navegadores arredondam os pixels CSS para baixo, então os pixels físicos podem sair errados por um pixel (2561 em vez de 2560). Com vários monitores, o navegador informa a tela em que a janela está no momento. O Firefox com a proteção contra fingerprinting ativada (resistFingerprinting) pode informar valores padrão de propósito.
Perguntas frequentes
Como descubro a resolução da minha tela?
Basta abrir esta página: a resolução em pixels físicos aparece no topo, seguida dos valores em pixels CSS e do tamanho da janela do navegador. No Windows, você também encontra em Configurações → Sistema → Tela → Resolução da tela.
Por que meu navegador mostra 1536 × 864 em vez de 1920 × 1080?
Porque o Windows está com escala de 125% (ou o zoom do navegador não está em 100%). O navegador então trabalha em pixels CSS: 1920 ÷ 1,25 = 1536. Os pixels físicos aparecem no topo – eles são os pixels CSS × devicePixelRatio.
Qual é a diferença entre resolução da tela e viewport?
A resolução da tela é o tamanho de todo o monitor. O viewport é só a área interna da janela do navegador, sem a barra de abas, a barra de endereço e a barra de tarefas. Para design de sites e media queries, o que conta é o viewport.
O que significa um devicePixelRatio de 2 ou 3?
Sua tela é de alta densidade (Retina): um pixel CSS é formado por 2 × 2 ou 3 × 3 pixels físicos. Textos e imagens ficam mais nítidos, enquanto os layouts mantêm o mesmo tamanho.
Meus dados são armazenados?
Não. Todos os valores são lidos e exibidos só no seu navegador; nada é enviado nem armazenado.
Fontes e base legal
- MDN Web Docs – Screen
- MDN Web Docs – Window.devicePixelRatio
- MDN Web Docs – Visual Viewport API
- MDN Web Docs – prefers-color-scheme
- Bootstrap 5.3 – Breakpoints
- Tailwind CSS – Responsive design
Última atualização:
Ferramentas relacionadas
- Qual é o meu user agent?Veja seu user agent completo e descubra navegador, versão, motor, sistema e tipo de aparelho, com Client Hints. Analisa qualquer outro também.
- Qual é o meu endereço IP?Mostra na hora seu endereço IP público, detecta se é IPv4 ou IPv6 e explica a diferença. Grátis – seu IP não é armazenado.
- Testar webcam: teste de câmera onlineTeste de câmera grátis no navegador: imagem ao vivo, resolução e FPS reais, de 480p a 4K, espelhar e salvar foto. Nada é enviado.
- Teste de teclado: todas as teclas funcionam?Teste seu teclado online: cada tecla pressionada acende e fica marcada como testada. Mostra tecla, código e posição, além de um teste de ghosting/rollover.
- Validar e calcular um dígito de LuhnValide números com o algoritmo de Luhn (módulo 10, ISO/IEC 7812-1) ou calcule o dígito verificador – só confere o formato, direto no navegador.
- Calculadora de proporção (aspect ratio)Calcule a proporção a partir de largura e altura (1920 × 1080 = 16:9), descubra o lado que falta, o valor decimal, o formato padrão mais próximo e o CSS.