Comparaison et différences d’images
Comparez deux images avec un curseur avant/après, côte à côte, ou une carte de différences qui surligne les changements en rouge et indique le pourcentage d’écart.
S'exécute entièrement dans votre navigateur. Vos données ne sont jamais envoyées.
Outils Connexes
Voir ToutQu'est-ce que Comparaison d’images ?
Chargez deux images et comparez-les de trois façons : un curseur qui révèle l’une sur l’autre, côte à côte, ou une carte de différences où les pixels modifiés sont en rouge. L’outil compte les pixels différents et affiche le pourcentage d’écart, avec une tolérance par canal réglable pour ignorer de minuscules différences de compression.
Comment utiliser Comparaison d’images
- Déposez ou choisissez Image A (référence) et Image B (à comparer).
- Basculez entre Curseur, Côte à côte et Différences.
- Lisez le pourcentage d’écart et le nombre de pixels.
- Augmentez la Tolérance par canal (0–255) pour ignorer les petites différences comme le bruit JPEG.
Exemple
Deux images 40×20 qui ne diffèrent que dans le quart inférieur droit (blanc contre noir), tolérance 0
25 % des pixels diffèrent (200 pixels sur 800)
Quand utiliser Comparaison d’images
Utilisez-le pour repérer les changements entre deux versions d’un design, d’une capture ou d’un rendu, vérifier des artefacts de compression ou faire un contrôle rapide de régression visuelle. Il compare les pixels à la même position : un contenu décalé ou pivoté compte donc comme entièrement différent ; ce n’est pas une mesure de similarité perceptuelle ou structurelle.
Comment fonctionne Comparaison d’images
Les deux images sont décodées en RGBA. Si leurs tailles diffèrent, l’image B est rééchantillonnée à la taille de l’image A (et un avis l’indique). Chaque paire de pixels est comparée : si la différence absolue de R, V, B ou alpha dépasse la tolérance, le pixel compte comme écart et est peint en rouge dans la carte des différences ; les pixels identiques sont affichés en niveaux de gris estompés de l’image A. Écart % = pixels différents ÷ pixels totaux × 100.
Cas d'utilisation courants
- Vérifier ce qui a changé entre deux captures d’interface.
- Comparer une photo d’origine à sa version compressée.
- Vérifier qu’une ressource réexportée est identique.
- Montrer des retouches avant/après avec le curseur.
Note de Sécurité
Les images sont décodées, traitées et encodées localement dans votre navigateur avec l’API Canvas. Rien n’est envoyé à un serveur.
Questions Fréquentes
Que se passe-t-il si les images n’ont pas la même taille ?
L’image B est redimensionnée à celle de l’image A avant la comparaison, et un avertissement s’affiche. Pour des résultats exacts, comparez des images de mêmes dimensions.
À quoi sert la tolérance ?
Un pixel ne compte comme différent que si l’un de ses canaux diffère de plus que la tolérance (0–255). Utilisez 5 à 20 pour ignorer le bruit de compression avec perte.
La transparence compte-t-elle ?
Oui. Le canal alpha est comparé comme les canaux de couleur.