O que e uma Ferramenta de Resolucao de Tela?
Uma ferramenta de resolucao de tela detecta e exibe as dimensoes atuais da sua tela, densidade de pixels, razao de pixels do dispositivo e tamanho do viewport. Essas informacoes sao essenciais para desenvolvedores web testando designs responsivos, designers criando recursos na resolucao correta e usuarios solucionando problemas de exibicao ou escolhendo configuracoes de monitor.
Como Usar Esta Ferramenta de Resolucao de Tela
- Abra esta pagina no dispositivo cuja tela voce deseja medir.
- Visualize a resolucao da sua tela (largura × altura em pixels), razao de pixels do dispositivo (DPR), dimensoes do viewport e profundidade de cor.
- Redimensione a janela do navegador para ver as dimensoes do viewport atualizarem em tempo real, util para testar breakpoints responsivos.
Conceitos Principais
A resolucao de tela e o numero total de pixels que uma tela pode exibir, expresso como largura × altura (ex.: 1920×1080). A razao de pixels do dispositivo (DPR) indica quantos pixels fisicos correspondem a um pixel CSS—telas Retina tipicamente tem DPR de 2 ou 3. O viewport e a area visivel da janela do navegador, que pode ser menor que a resolucao da tela devido a barras de ferramentas, barras de tarefas e elementos do navegador.
Perguntas Frequentes
Qual e a diferenca entre resolucao de tela e tamanho do viewport?
A resolucao de tela e a contagem total de pixels da sua tela fisica. O tamanho do viewport e a area disponivel para renderizar conteudo web dentro do navegador, excluindo barras de ferramentas, barras de rolagem e o quadro do navegador. Media queries CSS responsivas visam o viewport, nao a resolucao da tela.
O que e razao de pixels do dispositivo?
A razao de pixels do dispositivo (DPR) e a relacao entre pixels fisicos e pixels CSS. Um DPR de 2 significa que cada pixel CSS e renderizado usando uma grade de 2×2 pixels fisicos, produzindo textos e imagens mais nitidos em telas de alta resolucao como os displays Apple Retina.
Por que minha resolucao reportada difere das especificacoes do meu monitor?
O escalonamento de exibicao do sistema operacional pode reduzir a resolucao efetiva. Por exemplo, um monitor 4K (3840×2160) com escalonamento de 200% reporta 1920×1080 pixels CSS ao navegador, mesmo que o painel fisico tenha quatro vezes mais pixels.