Imágenes y SVG

Las imágenes y los gráficos vectoriales aportan una parte esencial de la identidad visual de un sitio: fotos de producto, ilustraciones, iconos, logos, esquemas de negocio en un dashboard. Una regresión en esta categoría puede tomar la forma de un icono roto en lugar de una foto, de un banner estirado cuyos rostros se deforman, de un logo cuyo color cambió tras la modificación de un filtro CSS, o de un SVG cuya ruta fue alterada durante una optimización automática del build. El impacto de negocio es directo: un visitante no puede comprar un producto que no ve, un operador no puede interpretar un gráfico cuyas proporciones han cambiado, y un sitio que muestra assets rotos pierde credibilidad de inmediato. Las causas típicas son una reorganización de la estructura de archivos de assets que rompe ciertas rutas, una regla max-width modificada para un caso particular que se propaga a todas las imágenes, un cambio de proporción de contenedor que estira los visuales, o un object-fit ajustado para resolver un caso aislado que degrada el encuadre en otros lugares. Los filtros CSS aplicados globalmente y los clip-path mal coordinados añaden una capa de complejidad difícil de anticipar. Delta-QA compara las capturas completas de las páginas que contienen estos visuales y señala las zonas cuyo renderizado ha cambiado: iconos rotos, desbordes, deformaciones, modificaciones de filtro, rutas SVG alteradas. El reporte visual localiza con precisión cada imagen afectada, lo que evita al equipo QA tener que recorrer manualmente cada ficha de producto, cada página editorial y cada componente para verificar que los assets se cargan y se muestran correctamente después de cada puesta en producción.