Détection visuelle — Tous les articles et tutoriels

La détection visuelle ne se résume pas à comparer deux images pixel par pixel. Selon le type de défaut visé, les algorithmes et les seuils diffèrent : une dérive de couleur subtile (token mal résolu, conversion sRGB / P3) demande une comparaison perceptuelle ; un décalage de layout (flexbox cassé, marge dupliquée) se voit mieux par une analyse structurelle ; un problème de typographie (police de fallback chargée à la place de la principale) exige une attention particulière au rendu sub-pixel. Et tout change encore en mode responsive ou dark mode, où chaque breakpoint multiplie la surface à couvrir.

Cette page rassemble les articles qui décortiquent les types de régressions visuelles détectables et la manière de les distinguer : faux positifs liés au lissage des polices, vraies régressions de contraste qui passent inaperçues à l'œil nu, casses de mise en page sur viewport étroit, basculements partiels du dark mode où certains composants oublient de s'adapter. On y aborde aussi les choix d'algorithmes de comparaison (pixel matching, SSIM, perceptuel) avec leurs forces et leurs angles morts respectifs. Delta-QA s'appuie sur une combinaison de ces approches pour minimiser le bruit tout en restant strict sur les vraies régressions ; ces articles expliquent les principes pour comprendre ce qu'un outil de test visuel peut — et ne peut pas — détecter de manière fiable.