1
Object-fit e posicao
Detecta mudancas em como as imagens preenchem seus containers: cover, contain, fill e ajustes de posicao.
25 casos de teste
Imagens e SVG
Imagens e graficos vetoriais sao centrais no design web moderno. Um filtro quebrado ou um caminho SVG modificado podem alterar a identidade visual. O Delta-QA compara esses elementos com precisao de pixel.
O que detectamos
2
Filtros CSS
Monitora filtros blur, brightness, contrast, grayscale, hue-rotate, saturate, sepia e drop-shadow.
3
Modificacoes SVG
Captura mudancas de caminhos SVG, modificacoes de cor fill/stroke e ajustes de viewBox.
4
Mudancas de clip-path
Detecta modificacoes de forma clip-path com funcoes circle(), ellipse(), polygon() e inset().
5
Imagens de fundo
Rastreia mudancas em background-image, background-size, background-position e background-repeat.
Exemplo interativo
Veja exatamente o que o Delta-QA detecta. Compare as duas versões lado a lado.
Antes
Depois
Cenários reais
🎯
A imagem de produto que nao carrega
Um desenvolvedor reorganiza a estrutura de pastas de assets e quebra o caminho de algumas imagens de produto. O navegador mostra um icone de imagem quebrada ou o texto alternativo cru onde deveria estar a foto. Seus clientes veem "foto-produto-123.jpg" em vez do produto — ninguem compra o que nao pode ver. O refactoring mexeu na estrutura de arquivos, nao no codigo — ninguem retestou visualmente as paginas de produto. Delta-QA compara as capturas e detecta imediatamente o icone quebrado no lugar da foto.
⚠️
A imagem que transborda
Um desenvolvedor modifica uma regra max-width para um caso especifico e, por efeito cascata, todas as imagens do site perdem sua restricao de tamanho. Uma imagem de 2000px de largura transborda seu container, aparece uma barra de rolagem horizontal — o layout esta quebrado, especialmente no celular. O desenvolvedor testou seu caso especifico, nao os 15 outros templates que usavam a mesma regra. Delta-QA compara as capturas e destaca a imagem que transborda junto com a barra de rolagem horizontal que apareceu.
💡
A proporcao que muda
Um desenvolvedor modifica as dimensoes do container do banner da pagina inicial e a proporcao da imagem muda de 16:9 para 4:3. A imagem fica esticada: rostos ficam distorcidos, o logo fica achatado — seus visitantes veem uma imagem amadora onde havia um banner caprichado. E uma mudanca de container, nao de imagem — o desenvolvedor nao pensou em verificar o resultado visual. Delta-QA compara as capturas e destaca a distorcao — as proporcoes alteradas se destacam claramente no diff.
Pronto para detectar toda regressao visual?
Baixe o Delta-QA e comece a detectar mudancas CSS nas suas paginas web — sem codigo.