Qual é a resolução do meu ecrã?
Vê já a resolução do teu ecrã, o tamanho do viewport, o rácio de píxeis, os píxeis físicos, a profundidade de cor e a orientação, em direto.
- Resolução do ecrã (píxeis CSS)
- –
- Píxeis físicos (estimativa)
- –
- Rácio de píxeis do dispositivo
- –
- Viewport (área da página)
- –
- Ecrã disponível
- –
- Janela do navegador
- –
- Proporção
- –
- Orientação
- –
- Profundidade de cor
- –
- Gama de cores
- –
- Ecrã HDR
- –
- Zoom com os dedos
- –
Os valores atualizam-se em direto quando redimensionas a janela, rodas o dispositivo, fazes zoom ou levas a janela para outro monitor.
Os píxeis físicos são estimados como tamanho do ecrã × rácio de píxeis do dispositivo. Repõe o zoom do navegador a 100 % (Ctrl+0 ou Cmd+0) para obteres um valor exato.
Como usar esta ferramenta
- Abre a página: todos os valores aparecem logo, lidos a partir do teu navegador.
- Redimensiona a janela, roda o telemóvel ou o tablet, ou arrasta a janela para outro monitor. Os valores atualizam-se em direto.
- Carrega em Copiar como texto para copiares todos os valores numa lista em texto simples, prática para um relatório de erro ou um pedido de suporte.
O que significa cada valor
Resolução do ecrã (píxeis CSS) é o tamanho do ecrã inteiro tal como as páginas web o veem. Num monitor normal com escala a 100 %, coincide com a resolução real do monitor. Nos ecrãs de alta densidade é menor: um portátil com um painel de 2880 × 1800 e escala a 200 % indica 1440 × 900.
Píxeis físicos (estimativa) é a resolução do ecrã multiplicada pelo rácio de píxeis do dispositivo. Corresponde normalmente à resolução nativa do painel, e a ferramenta dá o nome das mais comuns, como Full HD (1080p), QHD (1440p) ou 4K UHD.
Rácio de píxeis do dispositivo é quantos píxeis físicos formam um pixel CSS. Um valor de 1 é um monitor clássico, 1,25 ou 1,5 é comum nos portáteis Windows com escala de ecrã, 2 é típico dos Mac com ecrã Retina, e 3 de muitos telemóveis. O zoom do navegador também o altera.
Viewport (área da página) é a parte da janela onde a página é desenhada, sem as barras de ferramentas e os separadores. É o tamanho que os web designers têm em conta nos layouts responsivos e nas media queries.
Ecrã disponível é o ecrã sem as zonas permanentes do sistema, como a barra de tarefas do Windows ou a barra de menus e a Dock do macOS. Janela do navegador é o tamanho exterior da janela, incluindo a moldura e as barras de ferramentas.
Proporção é o formato do ecrã, como 16:9, 16:10 ou 21:9 ultrawide. Orientação indica se o ecrã está na horizontal ou na vertical, com o ângulo de rotação quando o navegador o fornece.
Profundidade de cor é o número de bits usados por pixel: 24 bits significam 8 bits por canal, e 30 bits significam 10 bits por canal. Gama de cores mostra a gama mais larga que o navegador diz que o ecrã cobre: sRGB, Display P3 ou Rec. 2020. Ecrã HDR indica se o navegador comunica um ecrã de alta gama dinâmica. Zoom com os dedos mostra o nível de zoom quando afastas os dedos num ecrã tátil.
Porque é que os números te podem surpreender
As páginas web nunca veem diretamente o hardware real. Os sistemas operativos aumentam a escala de tudo para o texto continuar legível nos ecrãs densos, por isso um monitor 4K com escala a 150 % parece ao navegador um ecrã de 2560 × 1440. A linha Píxeis físicos (estimativa) faz o cálculo inverso. É exata com o zoom do navegador a 100 %, mas os navegadores tratam o zoom de formas diferentes, por isso repõe o zoom com Ctrl+0 ou Cmd+0 antes de confiares nela. Nos telemóveis, o resultado pode diferir alguns píxeis da resolução anunciada por causa dos arredondamentos.
Se usas vários monitores, os valores descrevem aquele em que a janela do navegador está nesse momento.
Perguntas frequentes
Qual é a diferença entre a resolução do ecrã e o viewport?
A resolução do ecrã é o tamanho do monitor inteiro. O viewport é só a área dentro da janela do navegador onde a página aparece, por isso muda quando redimensionas a janela.
Porque é que a minha resolução é menor do que a especificação do monitor?
Provavelmente tens a escala de ecrã ativada. Multiplica pelo Rácio de píxeis do dispositivo para obteres a resolução física, que é o que a linha Píxeis físicos (estimativa) mostra.
Porque é que o rácio de píxeis muda quando faço zoom?
O zoom do navegador torna cada pixel CSS maior, por isso cabem nele mais píxeis físicos. Repõe o zoom a 100 % para veres o rácio definido pelo sistema operativo.
Esta ferramenta deteta um monitor de 10 bits ou HDR?
Mostra o que o navegador comunica. Muitos navegadores indicam cor de 24 bits mesmo em painéis de 10 bits, e o HDR só é detetado quando está ativado no sistema operativo.
As minhas informações são enviadas para algum lado?
Não. Tudo é lido pelo teu navegador nesta página e nada é enviado nem guardado.
Ferramentas relacionadas
- Informações do navegador Vê o nome e a versão do teu navegador, o sistema operativo, o user agent, as Client Hints, a língua, o fuso horário e as funcionalidades suportadas.
- Teste da taxa de atualização Teste gratuito que mede os Hz do teu ecrã a partir do ritmo de frames do navegador, mostra o jitter e as frames saltadas e testa o movimento.
- Teste de píxeis mortos Teste de píxeis mortos gratuito que enche o ecrã com cores sólidas para encontrar píxeis mortos, presos ou quentes, com um reparador opcional lento.