Gradientes suaves em escala de cinza, cor e espectro completo — mais uma comparação lado a lado contra uma referência propositalmente com banding, para você julgar sua tela contra uma base conhecida, em vez de adivinhar.
RODA INTEIRAMENTE NO SEU NAVEGADOR · NADA É GRAVADO OU ENVIADO A LUGAR NENHUM
Última atualização: · Revisado quanto à precisão com as APIs atuais dos navegadores
Share:
Procure quaisquer degraus ou faixas visíveis no gradiente abaixo — uma tela limpa deve esmaecer suavemente sem faixas distintas.
Esse é o teste clássico de banding e o lugar mais fácil de notar um problema.
Ative a visão de comparação.
Ela divide a tela para você comparar diretamente um gradiente genuinamente suave contra um propositalmente com banding — a referência com a qual você está conferindo.
Julgue a metade de cima contra a de baixo.
Se o seu gradiente de cima parecer quase tão em degraus quanto o de baixo, seu painel ou configurações estão adicionando banding real.
Confira os canais de cor individuais também.
Banding em vermelho, verde e azul não bate sempre — um problema específico de um canal apunta para processamento de cor, e não para o próprio painel.
Experimente a tela cheia em um ambiente escuro.
Janelas pequenas e luz ambiente forte fazem um banding real parecer melhor do que realmente é.
Como este teste funciona de verdade
Todo gradiente aqui é desenhado direto em um canvas HTML, calculado pixel por pixel a partir da matemática por baixo, em vez de depender de um gradiente CSS — gradientes CSS são interpolados e podem pegar suas próprias pequenas peculiaridades de arredondamento dependendo do navegador, o que confundiria um teste que está especificamente tentando isolar o comportamento da sua própria tela. A metade "com banding" do modo de comparação é gerada arredondando propositalmente esse mesmo gradiente suave para apenas 24 níveis discretos, em vez dos cerca de 256 a 16 milhões que normalmente teria, dando a você uma referência honesta e conhecida como má para julgar, em vez de depender de memória ou adivinhação.
O que causa banding de cor
A causa mais comum é simplesmente profundidade de bits de cor limitada. Um painel de 8 bits consegue mostrar cerca de 16,7 milhões de cores, o que parece bastante mas ainda nem sempre é o suficiente para renderizar um gradiente especialmente sutil — como um céu claro ou uma sombra suave — sem um degrau visível em algum lugar. Muitos monitores básicos usam um painel de 6 bits com dithering para aproximar uma saída de 8 bits (às vezes vendido diretamente como 8 bits), e um dithering que não está funcionando bem aparece como banding mais óbvio do que um painel genuinamente de 8 bits produziria.
Além do painel em si, algumas configurações podem piorar o banding: uma placa de vídeo enviando um sinal de 8 bits por um cabo ou porta que poderia suportar 10 bits, compressão pesada de imagem ou vídeo que descarta detalhe sutil de cor antes de chegar à tela, e modos de imagem "contraste dinâmico" ou vívido que adicionam seu próprio processamento por cima da imagem original. Como o suporte a HDR depende de fatores parecidos de profundidade de bits e cadeia de sinal, o nosso Teste de HDR também vale a pena conferir se você está investigando a saída de cor de um monitor de forma mais ampla.
O problema é da minha tela ou do conteúdo?
Vale resolver isso antes de culpar seu monitor. Como todo gradiente aqui é gerado na hora pelo seu navegador, em vez de carregado de uma imagem ou arquivo de vídeo comprimido, ele dá uma base limpa. Se o gradiente deste teste parecer suave mas um vídeo, foto ou jogo específico ainda mostrar banding visível, o problema muito provavelmente está na própria codificação daquele conteúdo — compressão pesada é o culpado usual — e não da sua tela. Se o banding aparecer aqui também, principalmente nas configurações padrão sem exigir tela cheia ou ambiente escuro, sua tela ou as configurações atuais são a explicação mais provável.
O banding pode ser reduzido?
Às vezes, pelo menos parcialmente. Desligar "contraste dinâmico" e qualquer modo de imagem vívido ou melhorado remove processamento que muitas vezes torna o banding pior do que o limite real do painel. Se sua placa de vídeo, cabo e monitor suportarem, ativar uma saída de profundidade de cor maior (comumente chamada de 10-bit ou "deep color" nas configurações da GPU) pode ajudar de forma perceptível até em um painel que não é de fato 10-bit, já que mais precisão sobrevive à viagem do computador até a tela. Um driver de vídeo desatualizado também pode limitar isso a 8-bit em silêncio — vale confirmar a versão mais recente na NVIDIA, AMD ou Intel antes de ajustar qualquer outra coisa.
O que nada disso consegue fazer é transformar um painel genuinamente de 6 bits em um de 8 bits, ou criar profundidade de cor que o hardware simplesmente não tem — nesse ponto, banding nos gradientes mais exigentes é um teto de hardware, e não uma configuração.
Perguntas frequentes
Como o banding de cor realmente parece?
Degraus ou faixas visíveis distintas onde um gradiente deveria esmaecer suavemente — em vez de uma transição contínua, você vê faixas separadas de tons levemente diferentes, muitas vezes mais visíveis na parte mais escura de uma rampa em escala de cinza.
O que causa banding na minha tela?
Mais frequentemente, profundidade de bits de cor limitada. Um painel de 8 bits mostra 16,7 milhões de cores, mas um painel de 6 bits com dithering tem visivelmente menos para trabalhar. Configurações erradas de profundidade de cor na GPU, compressão pesada e processamento agressivo de "modo vívido" também podem piorar.
Como sei se é meu monitor ou só a imagem ou vídeo que estou vendo?
Compare o gradiente matematicamente gerado deste teste com o conteúdo que mostrou banding. Se o gradiente desta ferramenta parecer suave mas seu vídeo ou foto ainda tiver banding, o próprio conteúdo é a causa provável, e não sua tela.
Por que testar vermelho, verde e azul separadamente, e não só escala de cinza?
Uma tela pode processar cada canal de cor de forma levemente diferente. Testar cada um sozinho revela banding específico de uma cor, o que apunta para um problema de processamento ou calibração, e não uma limitação geral do painel.
Posso corrigir o banding com configurações do monitor?
Às vezes, parcialmente. Desligar contraste dinâmico e modos de imagem vívidos costuma ajudar. Ativar uma saída de profundidade de cor maior nas configurações da placa de vídeo também pode reduzir. Um limite de hardware de profundidade de bits do próprio painel não é algo que uma configuração remove por completo.
Esta ferramenta grava ou envia alguma coisa?
Não. Cada gradiente é gerado localmente em um elemento canvas no seu navegador — nada é capturado, gravado ou enviado a lugar nenhum.
Mais ferramentas no ProDeviceTest
Suavidade de cor é só uma parte da qualidade geral da tela. Estas cobrem o resto.
ProDeviceTest