Verificar resolução de tela

Sua resolução de tela aparece no topo do cartão da ferramenta acima — por exemplo, 1920 × 1080. Esse é o tamanho da sua tela em pixels CSS, a unidade lógica que os navegadores usam para o layout. Logo abaixo você encontra também a resolução física estimada, que considera a escala de exibição. Se os dois números forem diferentes, sua tela está com a escala ativada — o que é normal e recomendado em painéis de alta resolução. Para ver os valores se atualizarem ao vivo, redimensione a janela do navegador ou mova-a para outro monitor.

Telas modernas de alta resolução usam escala para manter textos e ícones em um tamanho confortável. Um monitor 4K com escala de 150% informa 2560 × 1440 pixels CSS, embora o painel renderize fisicamente 3840 × 2160. Os screen.width e screen.height do navegador sempre usam pixels CSS, então a resolução informada é a resolução lógica — já com escala. Multiplique-a pela proporção de pixels do dispositivo e você obtém a resolução física: exatamente o que a estimativa de resolução física desta página faz por você.

A proporção de pixels do dispositivo é o número de pixels físicos que um navegador usa para desenhar um pixel CSS. Um DPR de 1 significa que um pixel CSS equivale a um pixel físico. Um DPR de 2 — comum em telas Retina e notebooks modernos — significa que cada pixel CSS é desenhado com um bloco de 2 × 2 pixels físicos, deixando o conteúdo mais nítido. O DPR também muda com o zoom: aplicar 125% de zoom no navegador multiplica por 1,25 o DPR informado, e é por isso que a estimativa de resolução física é marcada como aproximada.

A resolução de tela descreve todo o seu display — o monitor completo ou a tela do celular. O viewport é a parte visível de uma página web dentro da janela do navegador: exclui barras de ferramentas, barras de interface, barras laterais e barras de rolagem. Com o navegador maximizado, o viewport é um pouco menor que a tela; em uma janela flutuante pequena, pode ser muito menor. Desenvolvedores web usam o tamanho do viewport (não a resolução de tela) para criar layouts responsivos, e é por isso que os dois valores aparecem lado a lado nesta página.

A resolução física é calculada multiplicando a resolução CSS pela proporção de pixels do dispositivo e arredondando para pixels inteiros. Dois fatores tornam o valor uma estimativa: o zoom do navegador muda o DPR informado — com zoom de 110% um DPR de 2 aparece como 2,2 — e alguns navegadores aplicam seu próprio arredondamento às dimensões da tela. A estimativa é exata quando o zoom do navegador está em 100%, por isso recomendamos conferir o valor com o zoom redefinido (Ctrl/Cmd + 0) se você precisa de uma leitura precisa.

A área disponível é a parte da tela que não está ocupada por elementos permanentes do sistema operacional, como a barra de tarefas do Windows, o Dock do macOS ou as barras de sistema fixas em dispositivos móveis. Uma tela de 1920 × 1080 com a barra de tarefas padrão do Windows informa uma altura disponível de 1040 pixels ou menos. Os aplicativos — incluindo janelas maximizadas do navegador — são organizados dentro da área disponível, então costuma ser o número mais prático para calcular quanto espaço uma janela maximizada realmente recebe.

Abra esta página e leia a estimativa de resolução física — com o zoom do navegador em 100% ela corresponde à resolução nativa do painel, porque a escala não consegue mudar quantos pixels o hardware renderiza. Você pode conferir no sistema operacional: no Windows, vá em Configurações › Sistema › Tela e veja a resolução da tela (a entrada recomendada é a nativa); no macOS, abra Ajustes do Sistema › Monitores — a opção "Padrão para a tela" normalmente usa a resolução nativa com escala para manter a nitidez.

Sim. A ferramenta usa apenas interfaces padrão do navegador, então roda em navegadores de Android e iOS além de desktops. No celular, a resolução de tela informada costuma ser a resolução lógica (CSS) do dispositivo — por exemplo 393 × 851 em muitos celulares Android — enquanto a estimativa de resolução física reflete o painel real. Gire o dispositivo e você verá a orientação, a proporção de aspecto e as duas dimensões trocarem em tempo real. No celular, a área disponível exclui as barras de status e de navegação do sistema.

Sim, totalmente. Não há cobrança, cadastro, download nem limite de quantas vezes você pode verificar. Cada medição acontece localmente no seu navegador: a página lê sua tela, sua janela e as configurações de exibição, e as renderiza na tela. Nenhum dado de tela, impressão digital do dispositivo ou estatística de uso é enviado a qualquer servidor, e nada é salvo depois que você fecha a aba. Você pode até usá-la offline depois que a página carrega. Sua privacidade permanece intacta em cada verificação.

O cartão se atualiza ao vivo por design. Redimensionar a janela muda o viewport; aplicar zoom muda a proporção de pixels do dispositivo e, com isso, a estimativa física; girar um celular troca a largura e a altura; mover a janela para um segundo monitor mede novamente a tela em que ela pousa. Se os números mudaram sem nenhuma ação sua, um evento externo é o responsável — por exemplo, uma tela entrando em repouso, um notebook conectado a um dock trocando de saída, ou um sistema operacional mudando a escala automaticamente por acessibilidade.