1
Object-fit y posicion
Detecta cambios en como las imagenes llenan sus contenedores: cover, contain, fill y ajustes de posicion.
25 casos de prueba
Imagenes y SVG
Las imagenes y graficos vectoriales son centrales en el diseno web moderno. Un filtro roto o una ruta SVG modificada pueden alterar fundamentalmente la identidad visual. Delta-QA compara estos elementos con precision de pixel.
Lo que detectamos
2
Filtros CSS
Monitorea filtros blur, brightness, contrast, grayscale, hue-rotate, saturate, sepia y drop-shadow.
3
Modificaciones SVG
Captura cambios de rutas SVG, modificaciones de color fill/stroke y ajustes de viewBox.
4
Cambios de clip-path
Detecta modificaciones de forma clip-path con funciones circle(), ellipse(), polygon() e inset().
5
Imagenes de fondo
Rastrea cambios en background-image, background-size, background-position y background-repeat.
Ejemplo interactivo
Vea exactamente lo que Delta-QA detecta. Compare las dos versiones lado a lado.
Antes
Despues
Escenarios reales
🎯
La imagen de producto que no carga
Un desarrollador reorganiza la estructura de archivos de assets y rompe la ruta de algunas imágenes de producto. El navegador muestra un ícono de imagen rota o el texto alternativo en crudo donde debería estar la foto. Tus clientes ven "foto-producto-123.jpg" en lugar del producto — nadie compra lo que no puede ver. El refactoring tocó la estructura de archivos, no el código — nadie retestó visualmente las fichas de producto. Delta-QA compara las capturas y detecta de inmediato el ícono roto en lugar de la foto.
⚠️
La imagen que desborda
Un desarrollador modifica una regla max-width para un caso particular y, por efecto de cascada, todas las imágenes del sitio pierden su restricción de tamaño. Una imagen de 2000px de ancho desborda su contenedor, aparece una barra de scroll horizontal — la maquetación está rota, sobre todo en móvil. El desarrollador probó su caso particular, no las 15 plantillas que usaban esa misma regla. Delta-QA compara las capturas y resalta la imagen que desborda junto con la barra de scroll horizontal que apareció.
💡
La relación de aspecto que cambia
Un desarrollador modifica las dimensiones del contenedor del banner de inicio y la proporción de la imagen pasa de 16:9 a 4:3. La imagen se estira: los rostros se deforman, el logo se aplasta — tus visitantes ven una imagen amateur donde había un banner cuidado. Es un cambio de contenedor, no de imagen — el desarrollador no pensó en verificar el resultado visual. Delta-QA compara las capturas y resalta la deformación — las proporciones alteradas se notan claramente en el diff.
¿Listo para detectar cada regresion visual?
Descarga Delta-QA y empieza a detectar cambios CSS en tus paginas web — sin codigo.