Qual É a Resolução da Minha Tela?
O Verificar Resolução da Tela detecta na hora a resolução da sua tela e mostra o seu display em pixels físicos no instante em que a página carrega. Ele também lê o viewport do navegador, o device pixel ratio, a profundidade de cor e a proporção, dando um panorama completo da sua tela sem precisar abrir nenhuma configuração do sistema.
Foi feito para desenvolvedores web que testam layouts responsivos, designers que conferem como uma arte é exibida em tamanhos diferentes, gamers que ajustam as configurações de vídeo e qualquer pessoa curiosa sobre o que exatamente o seu monitor ou celular está fazendo. Alterne entre a referência de Resoluções Comuns e a visão de Breakpoints para comparar a sua tela com dispositivos padrão e breakpoints CSS em tempo real.
Como Usar o Verificar Resolução da Tela
Leia sua tela e o viewport
A página detecta tudo automaticamente. A Resolução da Tela mostra os pixels nativos do seu monitor, e o Viewport do Navegador mostra o tamanho atual da área de conteúdo do navegador.
Confira as estatísticas detalhadas
Abaixo do display principal você encontra o Total de Pixels em megapixels, o Device Pixel Ratio, a Profundidade de Cor e a Proporção. Toque no ícone de info em qualquer card para uma explicação rápida.
Compare com as referências
Vá até Resoluções Comuns para comparar a sua tela com os padrões de desktop, notebook, tablet e celular, ou até Breakpoints para ver em qual breakpoint CSS o seu viewport se encaixa. As entradas correspondentes ficam destacadas.
Copie os dados da sua tela
Clique em Copiar Dados ou pressione Ctrl+C (Cmd+C no Mac) para copiar cada detalhe para a área de transferência, prontos para colar em um relatório de bug ou em uma anotação de teste.
Recursos
Detecção em Tempo Real
Cada valor é atualizado na hora quando você redimensiona a janela, muda o escalonamento da tela ou gira o dispositivo.
Representação Visual do Dispositivo
Um quadro na tela alterna entre desktop, notebook, tablet e celular para corresponder ao seu viewport atual.
Detecção de Escalonamento da Tela
Quando o sistema escalona a tela, ele mostra a resolução nativa e a escalonada, além do percentual exato de escalonamento.
Comparações de Referência
Compare a sua tela com resoluções comuns de desktop, notebook, tablet e celular, com as correspondências destacadas.
Indicador de Breakpoint CSS
Veja em qual breakpoint do Bootstrap 5 (XS, SM, MD, LG, XL, 2XL) o seu viewport está no momento.
Cópia com Um Clique
Copie resolução nativa, viewport, total de pixels, DPR, profundidade de cor, proporção, tipo de dispositivo e breakpoint em um clique.
Perguntas Frequentes
Qual é a resolução da minha tela?
A resolução da sua tela é a quantidade de pixels físicos que o seu display consegue mostrar, escrita como largura por altura (por exemplo, 1920 × 1080). Esta ferramenta detecta isso automaticamente e mostra no card Resolução da Tela no instante em que a página abre.
Como vejo a resolução da minha tela no navegador?
Basta abrir esta página. Ela lê a sua resolução direto do navegador usando JavaScript, então não há nada para instalar ou configurar. Funciona da mesma forma em navegadores de desktop, notebook, tablet e celular.
O que significa uma resolução como 1920x1080?
Significa que o display tem 1920 pixels de largura e 1080 pixels de altura, que é o Full HD. Mais pixels geralmente significam uma imagem mais nítida. A ferramenta identifica as resoluções comuns para você, como HD, Full HD, QHD, 4K UHD, 5K e 8K UHD, e mostra o total em megapixels.
Qual é a diferença entre resolução da tela e tamanho do viewport?
A resolução da tela é a contagem total de pixels do seu monitor. O viewport do navegador é a área visível, menor, onde o conteúdo web é desenhado, já que exclui as barras de ferramentas do navegador e a barra de tarefas do sistema. O viewport muda quando você redimensiona a janela; a resolução da tela não.
Por que a minha resolução é diferente da especificação do monitor?
Isso quase sempre é o escalonamento da tela. Sistemas modernos escalonam telas high-DPI para deixar o texto maior, então um monitor 4K com escalonamento de 150% reporta uma resolução efetiva de 2560 × 1440, enquanto a resolução nativa continua 3840 × 2160. A ferramenta mostra os dois valores e o percentual de escalonamento.
O que é Device Pixel Ratio (DPR)?
O Device Pixel Ratio é quantos pixels físicos formam um pixel CSS. Um DPR de 2x, comum em telas Retina e outras HiDPI, significa que quatro pixels físicos (2 × 2) renderizam cada pixel CSS, resultando em texto e imagens mais nítidos. Um DPR maior indica uma tela mais densa.
Como funcionam os breakpoints CSS aqui?
Breakpoints CSS são larguras de viewport em que um layout responsivo muda. A visão de Breakpoints usa as faixas do Bootstrap 5 — XS (abaixo de 576px), SM, MD, LG, XL e 2XL (1400px ou mais) — e destaca aquela em que o seu viewport está, o que é útil para testar designs responsivos.
Os dados da minha tela são enviados a algum servidor?
Não. Toda a detecção roda inteiramente no seu navegador com JavaScript. A sua resolução, viewport e detalhes do dispositivo nunca são transmitidos aos nossos servidores nem a terceiros, então a sua privacidade fica totalmente preservada.
Posso usar isto no celular ou no tablet?
Sim. Funciona em qualquer dispositivo com um navegador moderno. Em celulares e tablets, você pode girar o aparelho para ver as dimensões do viewport, a orientação e a proporção sendo atualizadas ao vivo.
Ainda não há comentários. Seja o primeiro a comentar!