Como usar: Resolução da Tela
- Abra a página — os valores aparecem na hora.
- Redimensione a janela ou gire o celular para ver o viewport mudar.
- Copie os detalhes para enviá-los em um relatório de bug.
Resolução da tela x viewport
- Resolução da tela é o tamanho de todo o display em pixels CSS (
screen.width × screen.height). - Viewport é a área da janela do navegador disponível para a página (
innerWidth × innerHeight); é isso que as media queries do CSS usam. - Device pixel ratio (DPR) é o número de pixels físicos por pixel CSS. Um celular com DPR 3 e viewport de 390 pixels de largura tem, na prática, 1170 pixels físicos na horizontal.
Tamanhos de tela comuns
| Tipo de dispositivo | Viewport CSS | DPR |
|---|---|---|
| iPhone moderno | 390–430 × 844–932 | 3 |
| Celular Android | 360–412 × 780–915 | 2,6–3,5 |
| iPad | 768–1032 × 1024–1376 | 2 |
| Notebook | 1280–1536 × 720–960 | 1–2 |
| Monitor Full HD | 1920 × 1080 | 1 |
| Monitor 4K (com escala) | 1920–2560 × 1080–1440 | 1,5–2 |
Por que os números parecem “errados”
Os sistemas operacionais escalam o display: uma tela 4K com escala de 150 % informa 2560 × 1440 pixels CSS com DPR 1,5. O zoom do navegador também altera o DPR — com zoom de 200 %, o viewport cai pela metade. Esse comportamento é esperado, não é um erro.
Para desenvolvedores
Projete com pixels CSS e teste as larguras de viewport mais comuns (360, 390, 768, 1024, 1280, 1536). Entregue imagens nítidas para telas de DPR alto com srcset e redimensione-as com o redimensionador de imagens. Tipografia fluida com a calculadora de clamp() evita breakpoints para tamanhos de fonte.
Também pesquisado como: minha resolução de tela, tamanho da tela, tamanho do viewport, qual é a minha resolução, device pixel ratio, tamanho da janela do navegador, verificar resolução de tela.
Ferramentas que combinam com: Resolução da Tela
- Qual é o meu IP? — Seu endereço IP público e tudo o que seu navegador revela aos sites que você visita — agente do usuário, tela, idioma, fuso horário e cabeçalhos de solicitação.
- Analisador de User Agent — Decodifique qualquer string User-Agent e veja o navegador, o motor, o sistema operacional e o dispositivo — e descubra se ela pertence a um buscador, a um rastreador de IA ou a um script.
- Calculadora de Proporção — Redimensione imagens e vídeos sem distorcer: informe uma proporção e um lado para obter o outro, ou digite um tamanho para descobrir sua proporção — com CSS pronto para colar.
- Conversor PX para REM — Converta entre pixels, rem e em usando o tamanho de fonte raiz do seu projeto — ou cole uma folha de estilo inteira e converta todos os valores px de uma vez.
Perguntas frequentes
Por que meu monitor 4K mostra uma resolução menor?
Por causa da escala de exibição: o Windows e o macOS ampliam tudo, então o navegador informa o tamanho escalado em pixels CSS. Multiplique pela razão de pixels do dispositivo para obter a resolução física.
Qual é a diferença entre tamanho da tela e viewport?
O viewport exclui as barras de ferramentas, abas e bordas da janela do navegador — é o espaço que a página web realmente recebe.
Essas informações são enviadas para algum lugar?
Não. Elas são lidas pelo seu navegador e exibidas somente nesta página.
Posso instalar o Resolução da Tela como um aplicativo da web e usá-lo offline?
Sim. O Resolução da Tela é um aplicativo da web instalável (PWA) — instalado a partir do seu navegador, não baixado de uma loja de aplicativos. Clique em “Instalar aplicativo” na parte superior desta página no Chrome ou no Edge (Windows, macOS, Linux, ChromeOS) ou, no Android, use “Compartilhar” → “Adicionar à tela inicial” no iPhone e no iPad, ou “Arquivo” → “Adicionar ao Dock” no Safari 17+ em um Mac. Em seguida, ela se abre em uma janela própria com seu próprio ícone e, como é executada inteiramente no seu navegador, continua funcionando offline. O Firefox no desktop não permite a instalação de aplicativos da web. Como funciona a instalação.