Qual é minha resolução de tela
A resolução real da sua tela, pixel ratio e viewport, ao vivo.
Pixels físicos: tamanho CSS vezes pixel ratio
- Atualiza ao redimensionar
- Mostra o pixel ratio
- Funciona em celulares e tablets
Como checar sua resolução de tela
- Abra esta página no dispositivo que você quer checar.
- Veja a resolução e o pixel ratio nas caixas abaixo.
- Redimensione a janela ou gire o dispositivo para ver os números atualizarem.
Resoluções comuns e onde aparecem
| Nome | Resolução | Comum em |
|---|---|---|
| HD | 1280 x 720 | Notebooks mais antigos ou básicos |
| Full HD | 1920 x 1080 | A maioria dos notebooks e monitores vendidos hoje |
| QHD (1440p) | 2560 x 1440 | Monitores mais avançados e alguns celulares |
| 4K UHD | 3840 x 2160 | Monitores e TVs premium |
Pixels físicos x pixels CSS
Um pixel CSS é a unidade em que as páginas web são desenhadas, mas ele nem sempre corresponde a um ponto físico na tela. O pixel ratio informa quantos pixels físicos cabem em cada pixel CSS, então um ratio de 2 significa que o painel desenha 4 pixels físicos, num quadrado de 2 por 2, para cada pixel CSS que um site usa.
Telas de alta densidade de celular e notebook mostram um tamanho CSS menor junto com um pixel ratio de 2 ou 3, enquanto a maioria dos monitores de mesa mostra um pixel ratio de 1, em que pixels CSS e pixels físicos coincidem um para um.
Como mudar sua resolução
- No Windows 11, abra Configurações, depois Sistema, depois Tela, e escolha uma opção diferente no menu suspenso de Resolução da tela.
- No macOS, abra Ajustes do Sistema, depois Monitores, e escolha Padrão ou uma das opções escaladas mostradas nos controles de resolução da tela.
- Gire um celular ou tablet, ou redimensione uma janela do navegador no computador, para ver os números da viewport nesta página atualizarem ao vivo sem mudar a resolução real da sua tela.
Perguntas frequentes sobre Verificador de resolução de tela
Por que isso mostra um número diferente das minhas configurações de tela?
Windows e macOS listam a resolução que você escolheu nas configurações de tela, que pode ser menor do que a resolução nativa do painel quando o escalonamento está ativado. Esta página mostra o que o navegador enxerga, multiplicado pelo pixel ratio.
O que é devicePixelRatio?
É a razão entre pixels físicos e pixels CSS. Um ratio de 2 significa que cada pixel CSS é desenhado com 4 pixels físicos, o que é típico em telas de celular e na maioria dos notebooks modernos.
Por que a viewport é menor que o tamanho da tela?
A viewport é a área visível dentro da janela do navegador, então ela deixa de fora a barra de tarefas, a barra de ferramentas do navegador e qualquer outra janela na tela.
Isso funciona no meu celular ou tablet?
Sim. Abra a página em qualquer navegador móvel e gire o dispositivo para ver os números tanto na vertical quanto na horizontal.
Qual resolução eu devo escolher para o meu monitor?
Escolha a opção marcada como Recomendada nas configurações de tela, que combina com a resolução nativa do painel. Rodar um monitor LCD abaixo da resolução nativa geralmente borra texto e bordas finas, já que a imagem precisa ser escalada.
Por que dois celulares com o mesmo tamanho de tela mostram números diferentes?
Os fabricantes escolhem sua própria densidade de pixel e fator de escala CSS, mesmo para telas de tamanho físico parecido, então dois celulares com uma medida diagonal parecida podem mostrar resoluções e pixel ratios diferentes.
Qual é a diferença entre resolução e tamanho de tela?
Resolução conta os pixels ao longo da tela. Tamanho mede a diagonal física em polegadas. A mesma resolução comprimida numa tela menor dá uma densidade de pixel maior, e é por isso que telas de celular parecem mais nítidas de perto do que um monitor com a mesma quantidade de pixels.