La réponse courte
Déposez les deux images dans l'outil ci-dessous en même temps, ou l'une après l'autre. La première sert de référence. Utilisez Curseur pour passer de l'une à l'autre, Côte à côte pour les voir toutes les deux en entier, et Différence pour obtenir une carte de chaleur : les zones inchangées deviennent gris pâle, les pixels modifiés s'allument du jaune (petit changement) au rouge (grand changement). Sous les images, vous voyez la part de pixels modifiés, leur nombre, la plus grande différence et le rectangle qui contient tous les changements. Appuyez sur Télécharger la différence (PNG) pour enregistrer la carte.
Essayez ici : Comparer des images
Ouvrir la page complète de l'outilQuand une comparaison au pixel près est utile
- Revues de design : le nouvel export d'une bannière, d'une icône ou d'une illustration a-t-il changé autre chose que la correction demandée ?
- QA visuelle et tests de régression : comparez une capture d'écran d'une application ou d'une page web avant et après une modification du code, et repérez les boutons déplacés, les polices modifiées ou les éléments manquants.
- Retouche photo : voyez exactement ce qu'une retouche, une correction des couleurs ou un filtre a modifié.
- Compression et agrandissement : comparez une image compressée ou agrandie avec l'original et jugez où la qualité a été perdue.
- Jeu des différences : trouvez les petits changements entre deux versions d'un document scanné, d'un plan ou d'une image de jeu.
Curseur, côte à côte ou différence
Les trois vues répondent à des questions différentes. Le curseur superpose exactement la deuxième image à la première ; en faisant glisser la poignée, vous révélez l'une ou l'autre. L'œil remarque très bien ce qui bouge pendant le glissement : c'est la vue la plus intuitive pour juger les couleurs, la netteté et les retouches.
Côte à côte montre les deux images en entier, chacune dans ses propres proportions. C'est utile quand l'impression d'ensemble compte, par exemple pour deux variantes de mise en page, et aussi pour des images de formes différentes.
Différence est la vue objective. Elle compare chaque pixel des deux images et ne laisse passer aucun changement, même d'un seul pixel que l'œil ne verrait pas. Le cadre en pointillés autour des changements aide à les trouver dans une grande capture d'écran, même quand seuls quelques pixels diffèrent dans un coin. Revenez ensuite au curseur pour juger si un changement trouvé compte vraiment.
| Question | Meilleure vue |
|---|---|
| La nouvelle version est-elle meilleure ? | Curseur |
| Laquelle des deux mises en page fonctionne ? | Côte à côte |
| Quelque chose a-t-il changé, et où exactement ? | Différence |
| Combien a changé, en chiffres ? | Différence (statistiques) |
Lire les chiffres
Pixels modifiés est la part de l'image dont la différence dépasse le seuil. Nombre de pixels donne la même information en nombre exact. Plus grande différence indique le changement le plus fort sur une échelle de 0 (identique) à 100 (noir contre blanc). Zone modifiée est le plus petit rectangle qui contient tous les pixels modifiés, avec sa taille et la position de son coin supérieur gauche, en pixels de la première image.
La différence d'un pixel est le plus grand changement sur l'un de ses canaux de couleur ou sur sa transparence. Un pixel passé du gris clair au bleu clair compte donc comme nettement modifié, même si sa luminosité est proche, et un simple changement de transparence compte aussi.
Seuil et bruit de compression
Deux images qui semblent identiques peuvent différer sur des milliers de pixels. La compression JPG et WebP modifie légèrement les valeurs des pixels à chaque enregistrement, tout comme le redimensionnement, les conversions de profil de couleur et les captures d'écran prises avec une mise à l'échelle différente. Pour la plupart des comparaisons, ces changements invisibles ne sont que du bruit.
Seuil fixe la taille de différence ignorée, de 0 à 100. À 0, chaque changement compte. Une valeur de 5 à 15 masque le bruit de compression et garde les vrais changements comme un élément déplacé, un nouveau texte ou une autre couleur. Si vous comparez deux exports d'un PNG sans perte issus du même logiciel de design, laissez-le à 0 ; si vous comparez deux JPG, commencez à 10.
Images de tailles différentes
Une comparaison au pixel près exige que les deux images soient sur la même grille. Si la deuxième image a une autre taille, l'outil la met à la taille de la première et vous le signale sous les résultats. Si les proportions diffèrent aussi, la deuxième image est étirée, et la note le précise. La mise à l'échelle introduit de petites différences le long des contours : pour des vérifications exactes, comparez des images de mêmes dimensions, par exemple des captures d'écran prises avec la même taille de fenêtre et le même zoom.
Inverser fait de la deuxième image la référence. Les images ne quittent jamais votre appareil : elles sont toutes deux décodées et comparées dans votre navigateur, vous pouvez donc comparer des maquettes confidentielles et des écrans non publiés sans les envoyer nulle part.