Comparaison de captures d'écran
Ce qu'est la comparaison de captures d'écran, le fonctionnement de la comparaison visuelle et les usages en assurance qualité.
La comparaison de captures d'écran consiste à examiner deux captures du même écran, de la même page ou de la même fenêtre pour repérer les différences. La comparaison peut être visuelle, avec les images côte à côte, superposées avec un curseur ou mélangées à opacité partielle. Elle peut aussi être calculée : un logiciel produit une image de différences qui met en évidence les pixels modifiés, avec un nombre ou un pourcentage de pixels qui diffèrent.
Une comparaison fiable exige des entrées identiques. Les deux images doivent avoir les mêmes dimensions en pixels, le même facteur d'échelle et le même recadrage. Un changement de taille de fenêtre, d'échelle Retina ou de position de défilement rend presque tous les pixels différents, même si le contenu est le même.
Comparaison manuelle ou automatisée
La comparaison manuelle convient à quelques images et aux jugements subjectifs, par exemple pour savoir si une refonte est plus lisible. La comparaison automatisée convient à de nombreuses images et aux exécutions répétées : un script compare chaque nouvelle capture avec une référence enregistrée et ne signale que celles qui ont changé au-delà d'un seuil.
Où la comparaison de captures d'écran est utilisée
- Tests de régression visuelle après des modifications de code.
- Contrôle des changements de contenu sur la page d'un concurrent ou sur la vôtre.
- Images avant-après pour les revues de design et les notes de version.
- Vérification qu'un document ou un tableau de bord correspond à une version antérieure.
Fonctionnement de la différence visuelle
- Aligner les deux images à la même taille.
- Comparer les valeurs de couleur de chaque pixel.
- Ignorer les différences sous une tolérance, qui absorbe le bruit de l'anticrénelage.
- Marquer les pixels modifiés dans une couleur de surlignage et indiquer le total.
Les méthodes perceptuelles, comme le SSIM, comparent la structure et le contraste au lieu des valeurs exactes, ce qui réduit les fausses alertes dues à de minimes décalages de rendu.
Erreurs courantes avec la comparaison de captures d'écran
- Comparer des images de tailles ou de facteurs d'échelle différents.
- Laisser des horloges, des publicités, des carrousels ou des animations dans le cadre.
- Réaliser des captures avec des polices installées différentes ou une autre version du navigateur.
- Régler la tolérance si haut que les changements réels passent inaperçus.
Vous refaites les mêmes captures encore et encore ?
Website Capture de Temposhot conserve les réglages Device, Area et Wait pour chaque URL, si bien que les exécutions répétées produisent des images comparables. Pour les zones de l'écran, une Custom Area enregistrée conserve le même rectangle. Consultez les options de capture.
Questions fréquentes
Quel seuil de différence convient ?
Il dépend de la page. Commencez bas, examinez les fausses alertes et masquez les zones dynamiques au lieu de relever le seuil.
Peut-on comparer deux captures sans rien installer ?
Oui. L'outil Compare Images met en évidence les différences dans le navigateur.
Sources
Ressources associées
- Comparer des images : comparer deux images localement.
- Démarrage rapide de Website Capture : capturer des ensembles de pages reproductibles.
- Sources de capture : zones personnalisées enregistrées.
Vous prenez toujours les mêmes captures d'écran ?
Temposhot capture un écran, une fenêtre ou une zone à intervalles programmés et exporte l'ensemble en PDF, en images, en ZIP ou en MP4. Les outils gratuits du navigateur ne permettent de traiter qu'une image à la fois.
Ressources associées
Termes associés
- Test de régression visuelleCe qu'est le test de régression visuelle, comment la comparaison de captures détecte les bogues d'interface et les pièges courants.
- Capture avant-aprèsComment fonctionnent les paires de captures avant-après, où elles sont utilisées et comment réaliser des comparaisons efficaces.
- Surveillance de site webCe que signifie la surveillance de site web par captures d'écran, comment les captures planifiées suivent les changements visuels et les erreurs courantes.
- Preuve par capture d'écranCe qu'est une preuve par capture d'écran, où elle est utilisée dans les contextes juridiques et d'assurance qualité, et comment la réaliser correctement.
- Capture responsiveCe qu'est une capture responsive, les tailles de fenêtre d'affichage courantes et les erreurs à éviter lors des captures sur plusieurs appareils.