Informações do Navegador e Resolução de Tela
Leia a resolução da sua tela, o tamanho do viewport, o device pixel ratio, a GPU, os núcleos de CPU, o fuso horário e a qualidade da conexão numa única tabela — incluindo os pixels físicos reais por trás da escala.
100% privado — tudo roda no seu navegador
Como usar
- 1
Abra a página: a detecção começa sozinha, sem botão a apertar.
- 2
Consulte o bloco Tela para ver a resolução do painel, a área útil fora da barra de tarefas e do dock e o viewport em que você realmente maquetará.
- 3
Conferência de conta: a resolução física é a resolução da tela multiplicada pelo device pixel ratio, e esse é o valor que importa para capturas de tela e exportações.
- 4
Clique em Detectar de novo depois de trocar de monitor, mudar o zoom do navegador ou girar o tablet.
- 5
Use Copiar tudo para transferir os valores de uma vez num relatório de bug ou numa entrega de design.
Exemplos
Monitor 4K de 27 polegadas com escala de 150 %
Entrada
Tela 2560 × 1440 · device pixel ratio 1,5 · zoom do navegador 100 %Saída
Resolução da tela 2560 × 1440
Resolução física 3840 × 2160
Viewport cerca de 1707 × 960Celular com tela de alta densidade
Entrada
Tela 412 × 915 · device pixel ratio 2,6Saída
Resolução da tela 412 × 915 (pixels CSS)
Resolução física 1071 × 2379
Orientação retrato · Pontos de toque 5Perguntas frequentes
Qual é a minha resolução de tela?
A linha «Resolução da tela» é o tamanho completo em pixels do painel onde o navegador está, expresso em pixels CSS pelo sistema. Com escala ativa, ela fica abaixo da resolução nativa: um monitor 4K a 150 % anuncia 2560 × 1440. Multiplicando pelo device pixel ratio você recupera os 3840 × 2160 reais, que são os de uma captura de tela.
Por que «Resolução da tela» é diferente de «Viewport»?
A resolução descreve a tela inteira; a área útil desconta a barra de tarefas e o dock; e o viewport é o retângulo onde a página se desenha de fato, menos a interface do navegador, as extensões e os painéis abertos. Daí vem aquele layout «que cabe na tela» mas que continua rolando. Mudar o tamanho da janela ou o zoom desloca o viewport sem mexer na resolução.
O que é o device pixel ratio?
É quantos pixels físicos representam um pixel CSS. Um DPR de 1 é uma tela comum, 2 é Retina e o celular típico, modelos recentes chegam a 3, e a escala de escritorio gera valores como 1,25 ou 1,5. Ele decide se uma imagem 1× parece borrada, quando servir recursos @2x e em que tamanho desenhar um SVG ou canvas para continuar nítido.
Por que algumas linhas mostram um traço?
Os navegadores escondem de propósito detalhes de hardware. A memória do aparelho é arredondada para poucos valores e o Safari sempre devolve o mesmo; a cadeia do renderizador GPU é bloqueada no Safari e no Firefox porque facilitava a impressão digital do navegador; o tipo de conexão só existe no Chromium; e um notebook sem tela sensível ao toque mostra zero pontos de toque. Um traço é falta de permissão, não falha.
Um site pode me identificar com essas informações?
Essa combinação — resolução, DPR, núcleos, cadeia da GPU, fuso, lista de idiomas — é exatamente o que a impressão digital do navegador explora, porque costuma ser única o bastante para reconhecer um visitante sem cookies. Os navegadores reagem: o Safari congela a memória, Firefox e Safari escondem o renderizador GPU e o Chromium está reduzindo o User-Agent ao número da versão principal. Aqui nada é transmitido, mas qualquer outro site pode ler os mesmos campos.
Funciona sem conexão?
Sim. Todos os valores vêm de APIs locais do navegador, então a detecção continua funcionando depois de carregar a página mesmo sem rede; nesse caso a linha «Conectado» simplesmente dirá que não.