Teste de Resolução da Tela
Veja o tamanho da sua tela, o viewport (área visível), a proporção de pixels do dispositivo, a orientação e os recursos da tela na hora, no seu navegador.
Sua tela
···
Tamanho da tela (pixels CSS)
Informado pelo seu navegador
Informado pelo navegador
- Tamanho da tela
- ···
- Tamanho do viewport
- ···
- Viewport visual
- ···
- Área disponível da tela
- ···
- Proporção de pixels do dispositivo
- ···
- Orientação
- ···
- Profundidade de cor
- ···
- Profundidade de pixel
- ···
A DPR é a relação entre os pixels físicos da tela e os pixels CSS. O zoom do navegador pode alterar os valores mostrados.
Calculado
- Proporção de tela
- ···
- Pixels CSS da tela
- ···
- Resolução real estimada
- ···
- Pixels reais estimados
- ···
Calculado a partir das dimensões CSS da tela × proporção de pixels do dispositivo. São estimativas e podem não corresponder à resolução nativa do painel.
Recursos da tela
- Alcance dinâmico
- ···
- sRGB
- ···
- Display-P3
- ···
- Rec. 2020
- ···
- Tela cheia
- ···
Capacidade de gama de cores
Recursos informados pelo navegador; não medem o desempenho HDR real nem a gama de cores real do seu monitor.
Interpretação
O que significa o meu resultado?
O seu navegador informa um tamanho de tela de {sw} × {sh} pixels CSS. O viewport atual da página é de {vw} × {vh} pixels CSS, enquanto o viewport visual é de {vvw} × {vvh} pixels CSS.
O tamanho da tela e o tamanho do viewport descrevem coisas diferentes: o tamanho da tela se refere à área de exibição informada pelo navegador, enquanto o tamanho do viewport descreve o espaço disponível para a página.
Esses valores podem variar com o zoom do navegador, a escala de exibição, a configuração da janela, o modo de tela cheia e o uso de vários monitores.
Referência
Resoluções de tela comuns
1280 × 720HD · Notebooks básicos e monitores econômicos16:91366 × 768HD · Comum em notebooks menores~16:91920 × 1080Full HD · Padrão mais usado em desktops16:92560 × 1440QHD · Escolha popular para monitores de 27 polegadas16:93840 × 21604K UHD · Comum em monitores grandes e TVs16:95120 × 28805K · Monitores de mesa de alto padrão16:9Comparativo
Tela vs. viewport
Tela
···
Viewport do navegador
···
Viewport visual
···
A resolução da sua tela e o viewport do navegador são diferentes. A resolução da tela descreve a tela, enquanto o tamanho do viewport descreve a área do navegador disponível para a página.
Densidade de pixels
Pixels por polegada (PPI)
Estime o PPI a partir da resolução nativa e do tamanho da diagonal da sua tela.
···
Use a resolução nativa das especificações da sua tela. Os valores informados pelo navegador podem diferir por causa da escala e do zoom.
Guia
Como testar
01
Abra na tela desejada
Mova a janela para a tela que você quer verificar.
02
Confira os valores mostrados
Compare o tamanho da tela, o viewport, a DPR e a escala com o que você esperava.
03
Compare com as configurações do sistema
Confira com as suas configurações de exibição e de escala.
Definições
Informações sobre a resolução
Resolução da tela
As dimensões da tela informadas pelo seu navegador, medidas em pixels CSS.
Tamanho do viewport
A área atual de conteúdo do navegador. Pode ser menor que a resolução da sua tela por causa da interface e do tamanho da janela.
Proporção de pixels do dispositivo
A relação entre os pixels físicos da tela e os pixels CSS.
Uma observação sobre a precisão
Os valores informados pelo navegador podem ser afetados pela escala de exibição, pelo zoom, pelas configurações do sistema operacional e pelo comportamento do navegador. A resolução da tela (screen.width × screen.height) descreve a tela que o seu navegador enxerga, enquanto o tamanho do viewport (window.innerWidth × window.innerHeight) descreve a área disponível para a página. A escala de exibição do sistema, o zoom do navegador, as áreas de trabalho remotas, as máquinas virtuais e as limitações do navegador ou do dispositivo podem alterar os valores, que podem não corresponder à resolução física nativa do painel.
Como usar
Como ver a resolução da sua tela
- Abra a ferramenta na tela que você quer verificar.
- Leia a resolução detectada.
- Redimensione o navegador para comparar as dimensões do viewport.
- Gire o seu dispositivo para ver a orientação atualizar.
Funciona em:
- Monitores de mesa
- Notebooks
- Tablets
- Celulares
- TVs com navegador
Dicas de configuração
Como obter a resolução certa
Use a resolução nativa
Escolha a resolução nativa do seu monitor nas configurações de exibição do sistema operacional para um mapeamento de um pixel para um.
Ajuste a escala à tela
A escala de exibição pode alterar as dimensões que o sistema e o navegador mostram em pixels CSS. Ela não muda a quantidade física de pixels do monitor.
Atualize os drivers de vídeo
Se uma resolução esperada não aparece nas configurações de exibição, atualizar os drivers de vídeo pode ajudar.
O que é o Teste de Resolução da Tela?
A resolução da tela é a quantidade de pontos (pixels) que a sua tela usa para mostrar a imagem, como 1920 × 1080. Mais pontos podem mostrar mais detalhes. Este teste mostra o que o seu navegador informa sobre a sua tela.
Perguntas frequentes
Perguntas frequentes sobre o teste de resolução
01Como vejo a resolução da minha tela?
Abra o teste de resolução para ver as informações de tela e viewport informadas pelo seu navegador.
02Qual é a resolução da minha tela?
O seu navegador mostra as dimensões atuais da tela em pixels CSS, mas isso nem sempre equivale à resolução física do painel.
03Por que a resolução que aparece é diferente da resolução anunciada do meu monitor?
A escala de exibição, o comportamento do navegador, as configurações do sistema, as áreas de trabalho remotas e outros fatores podem deixar os valores diferentes da resolução nativa do painel.
04Qual é a diferença entre resolução da tela e tamanho do viewport?
A resolução da tela descreve as dimensões informadas pelo sistema, enquanto o tamanho do viewport descreve a área disponível para a página do navegador.
05O que significa proporção de pixels do dispositivo?
A proporção de pixels do dispositivo descreve a relação entre os pixels CSS e os pixels físicos usados pelo navegador.
06Um site consegue descobrir a resolução nativa real do meu monitor?
Nem sempre com precisão. As APIs do navegador informam dados do sistema e da tela, mas não garantem a resolução física nativa do painel.