Teste de tela

• Tamanho real é o tamanho lógico da tela multiplicado pela proporção de pixels do dispositivo. Ele estima o número de pixels físicos disponíveis para o navegador.
• Tamanho lógico é a resolução usada pelas páginas da Web depois que a escala do sistema operacional ou o zoom do navegador é aplicado.
• Proporção de pixels do dispositivo mostra quantos pixels físicos correspondem a um pixel CSS.
• Proporção da tela é a relação entre largura e altura, como 16:9 ou 16:10.
• Profundidade de cores é o número de bits informado pelo navegador para exibir cores.
• Taxa de quadros e taxa de atualização são medições feitas pelo navegador. Elas podem mudar quando a aba está inativa, a página está sendo rolada, o modo de economia de energia está ativo ou o sistema está sob carga.
• HDR e espaços de cores indicam a compatibilidade do navegador com alto alcance dinâmico e formatos como sRGB, Display P3 e Rec. 2020. A compatibilidade no navegador, por si só, não confirma que o painel esteja calibrado corretamente.

Um monitor 4K nem sempre aparece como 3840×2160 no resultado do tamanho lógico. A escala de exibição do Windows, o modo Retina do macOS, a densidade de pixels de dispositivos móveis e o zoom do navegador podem reduzir a resolução CSS e manter o texto e os controles legíveis. Multiplique as dimensões lógicas pela proporção de pixels do dispositivo para estimar as dimensões reais informadas ao navegador.

O valor também pode mudar quando a janela é movida entre telas com configurações de escala diferentes. Recarregue a página após movê-la, redefina o zoom do navegador para 100% e verifique as configurações de tela do sistema operacional.

Navegadores compatíveis com a Window Management API podem informar as telas conectadas, sua disposição, seus nomes e se uma tela é interna ou principal. Essas informações exigem permissão porque podem revelar detalhes sobre seu espaço de trabalho. Se a permissão não estiver disponível ou for negada, o teste ainda mostrará a tela atual usando a Screen API padrão.

Alguns valores detalhados de HDR, espaços de cores e cromaticidade dependem de recursos experimentais do navegador e do hardware. Portanto, a ausência de um valor não significa necessariamente que o monitor não tenha esse recurso.

• Redefina o zoom do navegador para 100% e recarregue a página.
• Pare de rolar e mantenha a aba visível durante a medição da taxa de atualização.
• Desative a economia de bateria ou o modo de baixo consumo para obter um resultado mais estável da taxa de quadros.
• Confira se a resolução e a taxa de atualização corretas estão selecionadas nas configurações de tela do sistema operacional.
• Atualize o navegador e o driver gráfico e repita o teste em outro navegador.
• Em um monitor externo, verifique o cabo, o adaptador e a porta: eles podem limitar a resolução, o HDR ou a taxa de atualização.