Verificador de resolução de tela

Confira sua tela, a área útil, o viewport ao vivo e a proporção de pixels do dispositivo, além da taxa de atualização estimada.

Este relatório é calculado localmente com APIs padrão do navegador. Nada é enviado, salvo ou compartilhado.

Isto é um relatório em pixels CSS, não a verdade do hardware: navegador e escala do sistema podem mudar estes números, que podem diferir da resolução nativa do painel.

Tela

—

Tamanho completo do monitor conforme informado pelo navegador, em pixels CSS.

Área útil da tela

—

Tela menos barras de tarefa e docks: o espaço de uma janela maximizada.

Viewport do navegador

—

A área visível da página agora; redimensione a janela e ela atualiza ao vivo.

Proporção de pixels do dispositivo

—

Pixels reais do painel por trás dos pixels CSS: multiplique para obter o tamanho físico.

Orientação: —
Profundidade de cor: —
Tipo de ponteiro: —
Gama de cores: —

Estimativa da taxa de atualização

—

Os quadros são contados por 2 segundos. O resultado é limitado pelo vsync e navegadores limitam abas em segundo plano: trate como estimativa mínima, não como ficha técnica.

Como funciona

Os quatro cards principais leem quatro retângulos aninhados. window.screen.width/height informa a tela completa como o navegador a vê; availWidth/availHeight subtrai a barra de tarefas e docks que uma janela maximizada não cobre; innerWidth/innerHeight mede a área realmente renderizada e remede a cada redimensionamento; e o devicePixelRatio escala cada pixel CSS pelos pixels físicos do painel.

Pixels CSS vs pixels do dispositivo
Um pixel CSS é a unidade do layout web, e num display HiDPI ("retina") cada pixel CSS é desenhado com 2×2 ou 3×3 pixels reais — esse multiplicador é a proporção de pixels do dispositivo. Um viewport de 1280 pixels CSS num celular com DPR 2 tem na verdade 2560 pixels de painel. O card DPR multiplica largura e altura da tela pela razão para mostrar os números físicos, e o zoom do navegador ou a escala do sistema mudam os números CSS, nunca o painel em si.
Por que availWidth é menor que width
O sistema operacional reserva faixas da área de trabalho para barra de tarefas, dock ou menu, e availWidth/availHeight informam o retângulo que sobra. Uma tela 1920 × 1080 com a barra do Windows costuma informar cerca de 1920 × 1040; num segundo monitor sem barras os dois números podem coincidir, e em celulares ambos refletem a noção que o navegador tem da tela, que já é aproximada.
Media queries de ponteiro e gama
Os chips de capacidade vêm de testes matchMedia: (pointer:fine) indica dispositivo preciso como mouse ou trackpad, (pointer:coarse) indica toque, e (hover:hover) significa que o cursor pode repousar sobre os elementos — celulares informam coarse e sem hover. (color-gamut: p3) responde se o painel aceita cores mais amplas que sRGB, e o estimador de atualização apenas conta as chamadas requestAnimationFrame por dois segundos, por isso mostra o que o navegador alcança, não o que o painel é capaz.

Perguntas frequentes

Consigo ver a resolução nativa real do meu monitor?

Não de forma confiável por uma página web. Os navegadores expõem de propósito números CSS escalados, não o modo de hardware do painel, e a escala do sistema, o zoom do navegador e a tela cheia reescrevem esses valores. Para o número nativo, veja os ajustes de exibição do sistema (Windows: Configurações > Sistema > Tela; macOS: Sobre Este Mac) ou o menu na tela do próprio monitor, que leem o hardware diretamente.

Por que os números mudam com zoom ou HiDPI?

Porque todos os valores aqui estão em pixels CSS. Um zoom de 200% reduz pela metade o viewport e as medidas de tela informadas; uma tela HiDPI mantém os números CSS mas eleva o devicePixelRatio, então cada pixel CSS é desenhado com mais pixels reais. O card de proporção mostra o equivalente em pixels físicos para você ver as duas camadas de uma vez.

Meu celular mostra números diferentes na horizontal — está errado?

Não: girar troca largura e altura em todas as leituras, e o card de viewport remede na mudança de orientação. Notches e barras do sistema também alteram os números da área útil, o que é o comportamento normal dessas APIs.

A estimativa deu 60 mas minha tela é 120 Hz, por quê?

Navegadores sincronizam os frames de animação com o vsync e normalmente limitam a 60 Hz, a menos que a página seja marcada como crítica para animação; modos de economia de energia também reduzem. Uma leitura de ~60 num painel de 120 Hz é limite do navegador, não defeito da tela: esta página só mostra o que realmente alcança.

Algo é enviado para um servidor?

Não. O relatório é montado com APIs locais do navegador (window.screen, matchMedia, requestAnimationFrame) dentro desta página e nunca é enviado. O botão de copiar apenas coloca texto na sua área de transferência.