1
Object-fit & position
Detecte les changements dans la facon dont les images remplissent leurs conteneurs : cover, contain, fill et ajustements de position.
25 cas de test
Images & SVG
Les images et graphiques vectoriels sont centraux dans le design web moderne. Un filtre casse, un object-fit decale ou un chemin SVG modifie peuvent fondamentalement alterer l'identite visuelle de vos pages. Delta-QA compare ces elements avec une precision au pixel.
Ce que nous detectons
2
Filtres CSS
Surveille les filtres blur, brightness, contrast, grayscale, hue-rotate, saturate, sepia et drop-shadow.
3
Modifications SVG
Capture les changements de chemins SVG, les modifications de couleur fill/stroke et les ajustements de viewBox.
4
Changements clip-path
Detecte les modifications de forme clip-path avec les fonctions circle(), ellipse(), polygon() et inset().
5
Images d'arriere-plan
Suit les changements de background-image, background-size, background-position et background-repeat.
Exemple interactif
Voyez exactement ce que Delta-QA détecte. Comparez les deux versions côte à côte.
Avant
Apres
Scénarios concrets
🎯
L'image produit qui ne charge pas
Un développeur réorganise l'arborescence des assets et casse le chemin de certaines images produit. Le navigateur affiche une icône d'image cassée ou le texte alternatif en brut là où devrait se trouver la photo. Vos clients voient « photo-produit-123.jpg » au lieu du produit — personne n'achète ce qu'il ne peut pas voir. Le refactoring touchait la structure des fichiers, pas le code — personne n'a retesté visuellement les fiches produit. Delta-QA compare les captures d'écran et détecte immédiatement l'icône cassée à la place de la photo.
⚠️
L'image qui déborde
Un développeur modifie une règle max-width pour un cas particulier et, par effet de cascade, toutes les images du site perdent leur contrainte de taille. Une image de 2000px de large déborde de son conteneur, une barre de défilement horizontale apparaît — la mise en page est cassée, surtout sur mobile. Le développeur a testé son cas particulier, pas les 15 autres templates qui utilisaient cette même règle. Delta-QA compare les captures d'écran et met en évidence l'image qui déborde ainsi que la barre de défilement horizontale apparue.
💡
Le ratio d'aspect qui change
Un développeur modifie les dimensions du conteneur de la bannière d'accueil et le ratio de l'image passe de 16:9 à 4:3. L'image est étirée : les visages sont déformés, le logo est écrasé — vos visiteurs voient une image amateur là où il y avait une bannière soignée. C'est un changement de conteneur, pas d'image — le développeur n'a pas pensé à vérifier le rendu visuel. Delta-QA compare les captures d'écran et met en évidence la déformation — les proportions altérées ressortent clairement dans le diff.
Pret a detecter chaque regression visuelle ?
Telechargez Delta-QA et detectez les changements CSS dans vos pages web — sans code.