Determinar Resolução de Tela do Dispositivo

A ferramenta mostra as dimensões da tela em pixels, a proporção, informações sobre o navegador e o tipo de dispositivo. Isso ajuda no design responsivo e na solução de problemas de exibição.

Entender as resoluções da tela ajuda a criar designs responsivos que funcionam em diferentes dispositivos. Resoluções comuns incluem 1920x1080 (Full HD), 1366x768 (laptop) e várias resoluções móveis.

A resolução da tela é o número total de pixels do seu monitor. A área de visualização do navegador é a área visível dentro da janela do navegador, que é menor devido aos elementos da interface do navegador, barras de tarefas e outros elementos da interface do usuário.

Redimensione a janela do seu browser ou alterne a orientação do seu dispositivo para paisagem/retrato. A ferramenta irá exibir instantaneamente as dimensões da área de visualização atual, ajudando-o a compreender como o conteúdo é apresentado de forma diferente em ecrãs com larguras distintas.

Concentre-se em 1920x1080 (desktop), 1366x768 (laptop), 375x667 (celular) e 768x1024 (tablet). No entanto, projete de forma responsiva para acomodar qualquer tamanho de tela.

A densidade de pixels (DPI - pontos por polegada ou PPI - pixels por polegada) refere-se ao número de pixels por polegada quadrada da tela. Telas de alta densidade (Retina, 4K) exigem imagens e gráficos de maior resolução para parecerem nítidos.

A proporção determina a relação largura/altura da tela (por exemplo, 16:9, 4:3). O design responsivo deve se adaptar a diferentes proporções para evitar barras de rolagem desnecessárias ou espaços vazios.

Abra a página da ferramenta num browser móvel — mostrará a resolução de ecrã atual e as dimensões da área de visualização, incluindo a orientação do dispositivo.