1
Mudancas de cor quase identicas
Detecta mudancas de cor tao pequenas quanto 1-2 valores RGB (ex. #666666 vs #626262), invisiveis a olho nu.
20 casos de teste
Mudancas Sutis
As regressoes mais perigosas sao aquelas que nao se pode ver a olho nu. Diferencas de renderizacao sub-pixel e variacoes de anti-aliasing podem escapar do QA manual. O Delta-QA opera no nivel do pixel para capturar o que humanos nao conseguem.
O que detectamos
2
Diferencas de anti-aliasing
Captura variacoes de anti-aliasing de fontes e bordas que produzem diferentes padroes de suavizacao sub-pixel.
3
Renderizacao sub-pixel
Monitora posicionamento fracional de pixels e diferencas de renderizacao causadas por transforms.
4
Variacoes de suavizacao de fonte
Detecta mudancas em -webkit-font-smoothing e renderizacao de fontes que afetam a nitidez e percepcao de peso.
Exemplo interativo
Veja exatamente o que o Delta-QA detecta. Compare as duas versões lado a lado.
Antes
Depois
Cenários reais
🎯
O hover que desaparece dos botoes
Um desenvolvedor adiciona um reset CSS global que remove os estilos hover de links e botoes. Ao passar o cursor, os botoes nao mudam mais de cor nem de sombra — ficam exatamente iguais ao estado de repouso. Os visitantes nao recebem nenhum feedback visual de que e clicavel. A taxa de cliques cai e ninguem entende por que. A mudanca fazia parte de um grande refactoring CSS, ninguem verificou os estados hover. Delta-QA captura os elementos em estado hover e compara as capturas: os botoes que nao mudam mais de aparencia ao passar o cursor se destacam imediatamente no diff.
⚠️
Os links que se fundem com o texto
Um desenvolvedor modifica os estilos globais de links e, como efeito colateral, os links dentro do corpo do texto perdem seu sublinhado e sua cor distinta. Agora parecem texto normal — mesma cor, mesmo estilo. Seus visitantes nao sabem mais onde clicar nos seus artigos e paginas de conteudo. O desenvolvedor verificou a navegacao principal (que usa classes especificas), nao os links dentro do conteudo. Delta-QA compara as capturas e destaca os links que nao se distinguem mais do texto — a ausencia de sublinhado e cor distinta se destaca no diff.
💡
A scrollbar que muda de estilo
Uma mudanca CSS sobrescreve os estilos personalizados da scrollbar. A barra de rolagem fina e elegante e substituida pela scrollbar padrao do navegador — grossa e cinza. O site perde seu acabamento e a area de conteudo fica visualmente mais estreita. E o tipo de regressao que ninguem busca ativamente — voce percebe vagamente sem identificar a causa. Delta-QA compara as capturas e destaca a mudanca — a barra grossa substituindo o design personalizado se destaca na sobreposicao.
💡
O antialiasing que muda
Um desenvolvedor introduz um novo CSS reset que muda -webkit-font-smoothing de antialiased para auto. No macOS, todo o texto do site parece mais grosso e menos nitido — como se alguem tivesse desfocado levemente a tipografia. Seus usuarios Mac percebem o site como "menos caprichado" sem conseguir identificar o motivo. No staging passou porque o ambiente de teste rodava em Linux com uma renderizacao diferente. Delta-QA compara as capturas e detecta a mudanca de renderizacao — os caracteres mais grossos e menos nitidos se destacam na sobreposicao.
Pronto para detectar toda regressao visual?
Baixe o Delta-QA e comece a detectar mudancas CSS nas suas paginas web — sem codigo.