Comparateur d'Images
Comparez deux images pixel par pixel et découvrez instantanément ce qui a changé, avec une image de différences en surbrillance et un résumé en pourcentage — le tout traité localement dans votre navigateur.
🔒 Traitement local dans votre navigateur
Loading…
Comment l'utiliser
- Glissez-déposez (ou cliquez pour choisir) votre image d'origine dans la zone "Avant".
- Glissez-déposez (ou cliquez pour choisir) l'image à comparer dans la zone "Après".
- Cliquez sur "Comparer les Images" — les deux images sont comparées pixel par pixel entièrement dans votre navigateur.
- Examinez l'image de différences en surbrillance et le pourcentage de pixels différents, puis téléchargez l'image de différences si nécessaire.
Fonctionnalités
- Comparaison au niveau du pixel grâce à la bibliothèque open-source pixelmatch
- Met en surbrillance chaque pixel différent sur un fond atténué pour repérer facilement les changements
- Affiche le nombre exact et le pourcentage de pixels différents
- Signale clairement les images aux dimensions différentes au lieu de les comparer incorrectement
- 100% côté client — vos images ne sont jamais envoyées à un serveur
Questions fréquentes
À quoi sert cet outil ?
Il est idéal pour les tests de régression visuelle (vérifier que l'interface n'a pas changé de façon inattendue entre deux versions), comparer deux versions d'un design ou d'une capture d'écran, repérer des modifications subtiles dans une photo, ou vérifier qu'une image a été recompressée sans perte de qualité visible.
Pourquoi mes deux images doivent-elles avoir les mêmes dimensions ?
La comparaison fonctionne pixel par pixel, en associant chaque pixel de la première image au pixel situé à la même position dans la seconde. Si les images ont des tailles différentes, il n'existe pas de correspondance 1:1 significative, donc l'outil affiche une erreur claire plutôt que de comparer des données incompatibles.
Comment l'image de différences est-elle générée ?
L'outil utilise pixelmatch, une bibliothèque open-source de comparaison de pixels. Les zones identiques sont atténuées, et les pixels qui diffèrent au-delà d'un petit seuil tenant compte de l'anticrénelage sont mis en surbrillance dans une couleur vive pour ressortir immédiatement.
Mes images sont-elles envoyées quelque part ?
Non. Les deux images sont chargées et comparées entièrement dans votre navigateur grâce à l'API Canvas. Rien n'est envoyé à un serveur.
Pourquoi deux images visuellement identiques peuvent-elles quand même afficher quelques pixels différents ?
De légères différences de compression, de profils colorimétriques ou de réencodage peuvent modifier légèrement certaines valeurs de pixels même quand les images semblent identiques à l'œil nu. Un très faible pourcentage de pixels différents indique généralement ce type de bruit plutôt qu'un vrai changement visuel.