BrowserTools
Início / Diversos / Resolução de ecrã e informação do monitor, qual é o tamanho do meu ecrã

Resolução de ecrã e informação do monitor, qual é o tamanho do meu ecrã

Verifica num instante a tua resolução de ecrã, o tamanho do viewport, o rácio de píxeis, a profundidade de cor, o HDR, a taxa de atualização e o suporte tátil, tudo detetado localmente no teu navegador.

A carregar Resolução de ecrã e informação do monitor, qual é o tamanho do meu ecrã… Se nada acontecer, ativa o JavaScript.

Queres saber qual é a tua resolução de ecrã? Esta ferramenta responde a essa pergunta num instante, juntamente com quase tudo o resto que o teu navegador sabe sobre o teu ecrã. Assim que a página carrega, lê a tua resolução de ecrã em píxeis CSS, estima as dimensões em píxeis físicos multiplicando pelo rácio de píxeis do dispositivo e mostra a área de ecrã disponível (o espaço que sobra depois da barra de tarefas ou da barra de menus do sistema operativo), além do tamanho em direto do próprio viewport do navegador. Redimensiona a janela ou roda o telemóvel e os valores do viewport atualizam-se em tempo real, o que torna a ferramenta útil tanto para trabalho de design responsivo como para simples curiosidade.

Perguntas frequentes

Qual é a minha resolução de ecrã e porque difere da resolução anunciada do meu monitor?
A ferramenta mostra a tua resolução de ecrã em píxeis CSS, que é o que os sites veem na realidade. Em ecrãs de alta densidade, o sistema operativo faz o escalamento da interface, por isso um monitor 4K com escalamento de 150 por cento reporta 2560 x 1440 píxeis CSS. A linha da estimativa física multiplica o tamanho CSS pelo rácio de píxeis do dispositivo para recuperar o valor do hardware, pelo que os dois números aparecem lado a lado.
O que é o rácio de píxeis do dispositivo (DPR)?
O rácio de píxeis do dispositivo é o número de píxeis físicos do hardware usados para desenhar um píxel CSS. Um rácio de 1 indica um ecrã de densidade normal, enquanto 2 ou 3 indicam um ecrã de alta densidade, como um portátil Retina ou um telemóvel moderno. Valores fracionários como 1,25 ou 1,5 vêm normalmente do escalamento de ecrã do sistema operativo. Um rácio maior significa texto e imagens mais nítidos, porque mais píxeis de hardware desenham a mesma área no ecrã.
Qual é a diferença entre resolução de ecrã, ecrã disponível e viewport?
A resolução de ecrã é o tamanho completo do teu ecrã em píxeis CSS. O ecrã disponível subtrai o espaço reservado de forma permanente pelo sistema operativo, como a barra de tarefas do Windows ou a barra de menus do macOS. O viewport é a área interior da janela do navegador onde as páginas são de facto apresentadas, por isso encolhe quando reduzes a janela. Os valores do viewport nesta página atualizam-se em direto quando redimensionas a janela ou rodas o dispositivo.
Como é medida a taxa de atualização e qual é a sua precisão?
A ferramenta amostra 120 fotogramas de animação consecutivos com requestAnimationFrame, calcula a mediana do tempo entre fotogramas e converte-a em hertz. Num sistema em repouso, isto identifica de forma fiável taxas comuns como 60, 90, 120 ou 144 Hz. Uma carga elevada de CPU, modos de poupança de bateria ou limitações do navegador podem baixar a leitura, por isso trata-a como uma estimativa e usa o botão de nova medição para amostrar outra vez em condições mais calmas.
O que significam os valores de gama de cores sRGB, P3 e Rec. 2020?
Descrevem o intervalo de cores que o teu ecrã e o teu navegador conseguem reproduzir. sRGB é a base padrão que praticamente qualquer ecrã cobre. Display P3 é cerca de 25 por cento mais ampla e é comum em telemóveis, tablets e portáteis topo de gama recentes, com verdes e vermelhos mais ricos. Rec. 2020 é uma gama ainda mais ampla usada por ecrãs profissionais e orientados para HDR. A ferramenta reporta a gama mais ampla que o teu navegador diz que o ecrã suporta, através da media query color-gamut.
Como sei se o meu ecrã suporta HDR?
A linha do HDR usa a media query dynamic-range: mostra sim quando o navegador reporta que a saída de alta gama dinâmica está ativa neste ecrã. Repara que o HDR costuma depender de mais do que o painel em si; a definição do sistema operativo, o cabo e o navegador têm todos de o suportar. Se tens um monitor HDR mas a ferramenta diz que não, confirma que o HDR está ligado nas definições de ecrã do teu sistema.
Porque diz a ferramenta que o meu dispositivo suporta toque se o meu portátil não tem ecrã tátil, ou o contrário?
A deteção de toque depende do que o navegador expõe, e alguns controladores ou navegadores reportam eventos táteis em hardware sem ecrã tátil, ou o inverso. É por isso que a ferramenta também mostra os pontos de toque máximos e as media queries de ponteiro: um ponteiro principal fino significa rato ou trackpad, grosso significa um dedo, e a linha any-pointer lista todos os tipos de entrada ligados. Em conjunto, dão uma imagem muito mais fiável do que um simples sim ou não.
O que significa a profundidade de cor?
A profundidade de cor é o número de bits usados para descrever a cor de um píxel. O valor comum de 24 bits significa 8 bits por canal vermelho, verde e azul, cerca de 16,7 milhões de cores. Alguns sistemas compatíveis com HDR reportam 30 bits, o que permite mais de mil milhões de tons e gradientes mais suaves. O valor mostrado é o que o teu navegador reporta para o ecrã atual.
Os valores atualizam-se quando redimensiono a janela ou rodo o dispositivo?
Sim. A ferramenta escuta as mudanças de tamanho e de orientação, por isso o tamanho do viewport, a orientação e os valores relacionados refrescam-se de imediato quando arrastas a margem da janela ou rodas o telemóvel ou o tablet. Este comportamento em direto torna-a útil como referência rápida ao testar layouts responsivos e breakpoints de CSS.
Alguma informação do meu ecrã é enviada ou guardada?
Não. Cada valor é lido localmente pelo teu navegador através de propriedades padrão de JavaScript e media queries de CSS, e é apresentado apenas no teu ecrã. Nada é enviado para um servidor, registado ou guardado. O botão de cópia limita-se a colocar o relatório na tua própria área de transferência como texto simples, para o colares onde precisares.

Sobre Resolução de ecrã e informação do monitor, qual é o tamanho do meu ecrã

Os ecrãs modernos são mais complexos do que um único número de largura por altura, e esta página revela os detalhes que normalmente ficam escondidos. O rácio de píxeis do dispositivo diz-te se estás perante um ecrã de densidade normal ou de alta densidade (classe Retina), e a estimativa de píxeis físicos mostra o que isso significa na prática: um portátil que reporta 1440 x 900 píxeis CSS com um rácio de 2 está na verdade a usar 2880 x 1800 píxeis físicos. Também obténs a profundidade de cor do teu ecrã em bits, a gama de cores mais ampla que o teu navegador reporta (sRGB, Display P3 ou Rec. 2020), se a saída de alta gama dinâmica está ativa neste momento e que esquema de cores (claro ou escuro) o teu sistema pede aos sites.

A ferramenta também estima a taxa de atualização do teu ecrã diretamente no navegador. Amostra 120 fotogramas de animação com requestAnimationFrame, calcula a mediana do intervalo entre fotogramas e converte-a em hertz, de modo que um monitor de escritório a 60 Hz, um telemóvel a 120 Hz e um painel gaming a 144 Hz produzem leituras claramente diferentes. Como os navegadores podem limitar a entrega de fotogramas sob carga ou em modos de poupança de energia, um botão de nova medição permite-te repetir a amostragem sempre que quiseres uma leitura fresca. A par dos dados do ecrã recebes um relatório das capacidades de entrada: se há suporte tátil e quantos pontos de toque simultâneos são suportados, se o teu ponteiro principal é fino (rato, trackpad) ou grosso (dedo), que outros tipos de ponteiro estão ligados, se o hover é possível e se o teu sistema pede movimento reduzido.

Tudo o que vês nesta página é lido localmente pelo teu próprio navegador através de APIs web padrão e media queries de CSS; nada é enviado, registado ou guardado em qualquer servidor. Isso torna-a uma forma rápida e segura de responder a perguntas comuns: confirmar que um monitor está a funcionar na sua resolução nativa, verificar se um telemóvel novo tem mesmo o ecrã de alta taxa de atualização anunciado, confirmar o suporte de HDR e de gama de cores ampla antes de editar fotografias, ou obter os números exatos que um técnico de suporte ou um programador web te pediu. Um botão de cópia exporta o relatório completo como texto simples para o colares num email, num ticket de erros ou numa conversa com um só clique.

De 320 x 200 a 8K: como cresceram as resoluções de ecrã

Durante a maior parte dos anos 80, os utilizadores de computadores pessoais viviam com resoluções que hoje soam quase inverosímeis. O padrão CGA da IBM, de 1981, oferecia 320 x 200 píxeis com quatro cores, e o padrão VGA de 640 x 480, de 1987, foi um salto tão grande que se manteve como a resolução segura de referência para instaladores de software e ecrãs de arranque durante duas décadas. As contagens de píxeis subiram com o SVGA e o XGA nos anos 90, mas o verdadeiro ponto de viragem foi a passagem dos volumosos tubos CRT para os painéis planos LCD por volta do ano 2000, que fixou cada ecrã numa grelha de píxeis nativa e transformou a resolução exata numa especificação de destaque em vez de um ajuste secundário.

A revolução seguinte foi de densidade e não de tamanho. Quando a Apple apresentou o ecrã Retina no iPhone 4, em 2010, duplicou os píxeis em cada direção mantendo as mesmas dimensões de ecrã, e a indústria adotou o truque de separar os píxeis físicos dos lógicos. É exatamente por isso que esta ferramenta distingue os píxeis CSS da estimativa física: um telemóvel moderno pode apresentar os sites a 390 píxeis lógicos de largura enquanto o painel contém na verdade 1170 colunas físicas, um rácio de píxeis do dispositivo de 3. Sem essa separação, o texto e os botões desenhados para ecrãs antigos apareceriam microscópicos nos novos.

A taxa de atualização seguiu o mesmo caminho, de padrão estável a característica competitiva. Quase tudo funcionou a 60 Hz durante décadas, uma herança dos tempos do CRT e das frequências da rede elétrica, até que os monitores de esports normalizaram os 144 Hz e mais, e os fabricantes de telemóveis começaram a incluir painéis de 90 e 120 Hz por volta de 2019. Entretanto, o marketing das resoluções continua a sua marcha: os ecrãs 4K quadruplicam os píxeis do Full HD, o 8K volta a quadruplicá-los para mais de 33 milhões de píxeis, e as gamas de cores amplas como Display P3 e Rec. 2020 levam o intervalo de cores reproduzíveis muito para lá do padrão sRGB definido em 1996. A humilde pergunta sobre qual é a minha resolução de ecrã tem agora uma resposta surpreendentemente rica, que é precisamente o que esta página explica.

Apoiar