Bilder & SVG

Bilder und Vektorgrafiken tragen einen wesentlichen Teil der visuellen Identität einer Website: Produktfotos, Illustrationen, Icons, Logos, Fachschemata in einem Dashboard. Eine Regression dieser Kategorie kann die Form eines kaputten Icons anstelle eines Fotos annehmen, eines verzerrten Banners mit deformierten Gesichtern, eines Logos, dessen Farbe sich nach Änderung eines CSS-Filters verändert hat, oder einer SVG, deren Pfad bei einer automatischen Build-Optimierung verändert wurde. Der Business-Impact ist unmittelbar: Ein Besucher kann ein Produkt nicht kaufen, das er nicht sieht, ein Operator kann ein Diagramm mit veränderten Proportionen nicht interpretieren, und eine Website mit defekten Assets verliert sofort an Glaubwürdigkeit. Typische Ursachen sind eine Reorganisation der Asset-Hierarchie, die manche Pfade bricht, eine für einen Sonderfall geänderte max-width-Regel, die sich auf alle Bilder ausbreitet, eine Container-Ratio-Änderung, die Visuals streckt, oder ein für einen Einzelfall justiertes object-fit, das anderswo den Bildausschnitt verschlechtert. Global angewandte CSS-Filter und schlecht koordinierte clip-path-Werte fügen eine schwer vorhersehbare Komplexitätsschicht hinzu. Delta-QA vergleicht die vollständigen Screenshots der Seiten, die diese Visuals enthalten, und meldet Bereiche mit verändertem Rendering: kaputte Icons, Überläufe, Verzerrungen, Filtermodifikationen, veränderte SVG-Pfade. Der Visualbericht lokalisiert jedes betroffene Bild präzise als Seitenvergleich, sodass das QA-Team nicht jede Produktseite, jede redaktionelle Seite und jede Komponente manuell durchgehen muss, um zu prüfen, ob die Assets nach jedem Produktivgang korrekt geladen und angezeigt werden.