Tela e Monitor — Testes e ferramentas

Meça quantos quadros por segundo seu navegador está realmente renderizando em tempo real, com gráfico ao vivo e leitura de mín/méd/máx.

Detecte a taxa de atualização real do seu monitor (60Hz, 120Hz, 144Hz, 240Hz…) direto no navegador usando o relógio de quadros de animação.

Detecte a resolução nativa da sua tela, a proporção de pixels, a proporção de tela e a profundidade de cor, depois rode um padrão de teste de 1 pixel em tela cheia para identificar escalonamento, borrões e saída em resolução não nativa.

Teste seu monitor em busca de ghosting, ghosting inverso e motion blur. Acompanhe o objeto em movimento com os olhos para revelar rastros e coronas, com velocidade e fundo ajustáveis.

Detecte quadros perdidos ou pulados no seu monitor. O teste cronometra cada quadro de animação, mede sua taxa de atualização real e sinaliza cada quadro perdido ao vivo, mantendo uma contagem contínua de falhas.

Verifique o gama do seu monitor com uma tabela visual de calibração. Combine os quadrados cinzas para ler o gama da sua tela, confirme a meta sRGB 2.2 e identifique banding ou corte nos pretos.

Percorra cores sólidas em tela cheia, degradês de cinza, barras de cor, padrões de nitidez, geometria e contraste para verificar seu monitor em busca de pixels mortos, banding, uniformidade e muito mais.

Ajuste e verifique o brilho do seu monitor com um teste de detalhes em sombra em tela cheia, um gradiente de luminância, uma barra de escala de cinza e campos sólidos — acerte o nível de preto e a retroiluminação.

Ajuste e verifique o contraste do seu monitor com um padrão de detalhe em áreas claras em tela cheia, um gradiente de preto a branco e uma checagem de alcance dinâmico — acerte o nível de branco sem cortar detalhes.

Revele pretos elevados ou cortados com padrões de preto puro, degraus quase pretos e gradientes em tela cheia — verifique o nível de preto e o detalhe em sombra do seu monitor em um ambiente escuro.

Verifique o nível de branco, o branco de pico e o detalhe nas altas luzes do seu monitor com padrões de branco puro, degraus quase brancos e gradientes de cinza a branco em tela cheia que revelam tonalidade e corte.

Percorra gradientes por canal, uma varredura de matiz, escala de cinza e campos de cor sólida em tela cheia para identificar banding de cor, dominante de cor e a profundidade de bits real do seu monitor.

Preencha a tela com campos cinza, branco e RGB para revelar clouding, mura, mudanças de tonalidade e bordas escurecidas — verifique a uniformidade de brilho e cor do seu monitor de ponta a ponta.

Teste uma tela OLED, AMOLED ou LCD em busca de burn-in e retenção de imagem com cores sólidas em tela cheia, depois rode um atualizador de pixels para ajudar a reduzir a retenção temporária.

Inunde sua tela com cores sólidas em tela cheia para identificar pixels mortos, travados e quentes, além de vazamento de luz de fundo — percorra vermelho, verde, azul, branco, preto e mais.

Arraste um patch de ruído colorido piscando rapidamente sobre um pixel travado para exercitá-lo de volta à vida — o método de reparo de pixels no navegador, sem instalação.

Preencha sua tela com preto puro para revelar vazamento de luz de fundo, brilho nos cantos, IPS glow e clouding nas bordas de um painel LCD. Melhor em um quarto escuro.

Veja instantaneamente sua resolução de tela, o viewport do navegador, a proporção de pixels do dispositivo, a proporção de tela e a profundidade de cor — detectados ao vivo. Além disso, meça o tamanho físico real da sua tela em polegadas com uma rápida calibração usando um cartão de crédito.

Marque o centro exato da sua tela com uma mira em tela cheia, linhas centrais, diagonais de canto a canto e uma grade da regra dos terços — para alinhar webcam, montagem e referência de mira.

Preencha toda a sua tela com qualquer cor sólida — predefinições ou um hexadecimal personalizado — para identificar pixels mortos e travados, verificar vazamento de luz de fundo, limpar a tela, usar como bias lighting ou fundo para fotos.

Veja o tamanho ao vivo do viewport do seu navegador em pixels CSS, além da proporção de pixels do dispositivo, orientação e o breakpoint responsivo ativo — redimensione e veja atualizar, com um painel de teste arrastável.

Calcule a proporção a partir de qualquer largura e altura, ou trave uma proporção como 16:9, 4:3 ou 21:9 e resolva a dimensão que falta, com uma prévia ao vivo.

Calcule a densidade de pixels (PPI), o dot pitch, a proporção de tela e o tamanho físico da tela a partir da sua resolução e diagonal, com predefinições para telas comuns.

Descubra se uma tela é 'retina' para um determinado tamanho, resolução e distância de visualização — os pixels por grau que o seu olho consegue distinguir, além do PPI necessário na sua distância.

Encontre a distância de visualização ideal para o tamanho e a resolução da sua tela — o ponto em que você para de ver os pixels e obtém detalhe completo, com uma faixa recomendada e o campo de visão.