Verificador de Resolução de Tela

Detecte instantaneamente a resolução da sua tela, tamanho da viewport, proporção de pixels do dispositivo, proporção de aspecto, profundidade de cor e mais. Sem instalação necessária — funciona inteiramente no seu navegador.

Detectando informações da tela...

Sobre o Verificador de Resolução de Tela

Detecte e exiba instantaneamente sua resolução de tela, tamanho da viewport, proporção de pixels do dispositivo, proporção de aspecto, profundidade de cor, orientação, capacidade touch e esquema de cores preferido. Esta ferramenta lê informações diretamente das APIs do seu navegador sem requisições externas.

Detecta 8 propriedades de tela em tempo real: resolução de tela (pixels CSS), tamanho da viewport, resolução física (pixels reais do dispositivo), proporção de aspecto, proporção de pixels do dispositivo, profundidade de cor, orientação, suporte a tela touch e preferência de esquema de cores. Dimensões da viewport atualizam ao vivo conforme você redimensiona o navegador.

Útil para desenvolvedores web testando designs responsivos, designers verificando capacidades do display, testadores QA documentando ambientes de tela, solucionando problemas de display, comparando especificações de tela entre dispositivos e qualquer pessoa curiosa sobre as especificações do seu display.

Sem instalação, sem extensões de navegador e sem dados transmitidos para lugar nenhum. A ferramenta lê as propriedades da sua tela usando APIs padrão do navegador e as exibe instantaneamente. Toda detecção acontece no lado do cliente para privacidade completa. Resultados podem ser copiados com um clique para relatórios de bug ou documentação.

Recursos Principais

  • Resolução de tela e detecção de viewport
  • Resolução física com proporção de pixels
  • Cálculo de proporção de aspecto
  • Informações de profundidade de cor e orientação
  • Detecção de tela touch
  • Detecção de esquema de cores preferido
  • Atualizações de viewport ao vivo no redimensionamento
  • Copiar todas as informações em um clique
  • 100% lado do cliente, nenhum dado enviado

Perguntas Frequentes

O que é resolução de tela?

A resolução de tela é o número de pixels que o seu monitor pode exibir, expressa como largura × altura (ex: 1920 × 1080). Resolução maior significa mais detalhes e imagens mais nítidas. Os pixels CSS podem diferir dos pixels físicos devido ao escalonamento do dispositivo.

O que é a proporção de pixels do dispositivo?

A proporção de pixels do dispositivo (DPR) é a razão entre pixels físicos e pixels CSS. Um DPR de 2x significa que cada pixel CSS é renderizado com 2×2 pixels físicos, comum em telas Retina e HiDPI. Isso resulta em texto e imagens mais nítidos.

Por que o tamanho da viewport é diferente da resolução da tela?

O tamanho da viewport é a área visível da janela do navegador, menor que a resolução total da tela. Exclui a interface do navegador (barra de endereços, abas etc.), a barra de tarefas e outros elementos do sistema.

O que é profundidade de cor?

A profundidade de cor indica quantos bits são usados para representar a cor de cada pixel. Cor de 24 bits (8 bits por canal RGB) oferece 16,7 milhões de cores. A maioria dos monitores modernos suporta profundidade de cor de 24 ou 32 bits.

Alguma informação é enviada para um servidor?

Não. Toda a detecção de tela ocorre inteiramente no seu navegador usando APIs web padrão (window.screen, window.innerWidth etc.). Nenhum dado é transmitido. Suas informações de tela permanecem completamente privadas.

Dicas

  • Redimensione o navegador para ver as dimensões da viewport atualizarem em tempo real
  • Use 'Copiar Tudo' para compartilhar rapidamente as especificações do seu display em relatórios de bugs
  • Compare a resolução física com a resolução CSS para entender seu DPR
  • Verifique a detecção de tela touch para confirmar as capacidades do dispositivo

Ferramentas Relacionadas

Outras ferramentas que podem ser úteis para seu fluxo de trabalho