Comparer deux images — trouver les différences
Repère et marque les pixels qui diffèrent entre deux images, avec superposition et curseur
Traitement dans le navigateur · aucun envoi de fichier
Image A (originale)
Image A (originale)
Ajoutez d’abord l’image de référence. JPG, PNG, WebP, GIF ou BMP ; vous pouvez aussi coller avec Ctrl+V.
Image B (modifiée)
Image B (modifiée)
Ajoutez l’image modifiée. Une fois A chargée, un collage (Ctrl+V) va dans B.
0 détecte le moindre changement de couleur ; des valeurs plus élevées traitent les couleurs proches comme identiques. La valeur par défaut, 0,1, ignore le bruit habituel de la compression JPG.
Si l’option est désactivée, les pixels de contour adoucis qui diffèrent apparaissent en jaune et ne sont pas comptés.
Ajoutez les deux images et la comparaison démarre aussitôt.
Que fait l’outil ?
Il trouve où deux images d’apparence semblable diffèrent, jusqu’au pixel près. Une petite modification de texte, un décalage d’un pixel ou un changement de couleur qui vous échapperait en passant de l’une à l’autre sont marqués en rouge. Utilisez-le pour vérifier qu’une modification de site s’affiche comme prévu, découvrir ce qu’un graphiste a changé dans une nouvelle version, ou contrôler un bon à tirer. En plus de la vue des différences, vous pouvez superposer les images ou les séparer avec un curseur avant/après.
Mode d’emploi
- Placez l’image de référence dans Image A (originale) et l’image modifiée dans Image B (modifiée). Les captures d’écran se collent avec Ctrl+V ; une fois A remplie, un collage va dans B.
- La comparaison démarre dès que les deux images sont là : le nombre et la proportion de pixels différents ainsi que la position de la zone modifiée s’affichent.
- Déplacez la Sensibilité pour décider quelle variation de couleur ignorer.
- Sous Affichage, choisissez Différences, Superposition (avec l’opacité de B) ou Curseur (A à gauche, B à droite).
- Cliquez sur Enregistrer l’image des différences (PNG) pour télécharger le résultat.
Fonctionnement
- Comparaison des pixels : les couleurs à la même position sont comparées selon leur distance dans l’espace colorimétrique YIQ, qui suit la perception humaine de la luminosité. Un seuil de 0 détecte le moindre changement ; des valeurs proches de 1 sont tolérantes. La valeur par défaut est 0,1.
- Anticrénelage : les pixels détectés comme contours adoucis, d’après leurs voisins, sont dessinés en jaune et exclus du décompte (option).
- Image des différences : les zones inchangées montrent l’original en gris pâle (10 %), les pixels différents en rouge.
- Taille : au-delà de 8 millions de pixels, les deux images sont réduites du même facteur pour la comparaison, et les coordonnées de la zone modifiée sont reconverties en pixels d’origine de A.
- Le moteur de comparaison est pixelmatch (licence ISC).
Exemples
| A | B | Résultat |
|---|---|---|
| Capture avant, 1280×800 | Même page avec un nouveau texte de bouton | Rouge seulement autour du bouton, coordonnées de la zone affichées |
| Photo PNG | Le même fichier une seconde fois | Message « Aucune différence » |
| Bannière 1200×600 | Bannière recadrée en 1000×600 | Avec les tailles d’origine, toute la bande de 200 px rognée diffère |
Pour les différences entre textes, utilisez l’outil de comparaison de texte ; pour isoler une partie d’image et l’examiner de près, essayez l’outil de recadrage.
Questions fréquentes
Puis-je comparer des images de tailles différentes ?
Oui. « Ajuster B à A » sert pour le même écran enregistré dans une autre résolution ; « Garder les tailles, aligner en haut à gauche » pour une image recadrée ou agrandie. Avec les tailles d’origine, tout ce qui n’est couvert que par une seule image compte comme différent.
Les images JPG affichent beaucoup trop de différences.
La compression JPG laisse de minuscules variations de couleur invisibles à l’œil. Monter le seuil de 0,1 à environ 0,2–0,3 ignore ce bruit et garde les vrais changements.
Que sont les pixels jaunes ?
Des pixels de contour adoucis du texte et des traits (anticrénelage) qui diffèrent légèrement, souvent à cause du seul rendu des polices. Par défaut, ils s’affichent en jaune et ne sont pas comptés ; cochez l’option pour les compter.
À quoi ça sert ?
À comparer des captures d’écran avant et après une modification de site, repérer les retouches dans une nouvelle version d’une maquette, vérifier un bon à tirer par rapport à l’original, ou résoudre un jeu des différences.
Mes images sont-elles envoyées en ligne ?
Non. Les deux images sont comparées uniquement dans votre navigateur.
