Comparaison d'images par diff
Déposez deux images pour obtenir une comparaison visuelle pixel par pixel, avec une analyse perceptive YIQ et une mise en évidence sensible à l'anticrénelage — 100 % local dans votre navigateur.
🔒 Entièrement traité dans votre navigateur — rien de ce que vous saisissez ici n'est jamais téléchargé.
Résultat
Vous avez livré un ajustement CSS et voulez savoir exactement ce qui a bougé ? Vous comparez deux captures d'écran pour un test de non-régression visuelle ? Vous vous demandez ce qui a réellement changé entre deux versions exportées de la même photo ? Alterner entre deux images en plissant les yeux pour repérer les différences est lent et peu fiable — cet outil les superpose et vous montre chaque pixel modifié dans une seule image.
La comparaison repose sur un véritable calcul de diff pixel, la même famille d'algorithmes utilisée par des outils comme pixelmatch : chaque pixel des deux images est converti de RGB vers l'espace colorimétrique YIQ (Y = luminance, I et Q = les axes de chrominance NTSC), et la distance euclidienne entre les deux points YIQ est calculée. Cette distance est comparée à un seuil défini par le curseur de sensibilité — augmentez la sensibilité pour détecter des variations subtiles de couleur, diminuez-la pour ignorer le bruit de compression et ne vous intéresser qu'aux changements évidents.
Une comparaison naïve pixel par pixel signalerait chaque bord anticrénelé comme « différent » même si rien n'a changé de significatif, car le lissage décale de quelques nuances une poignée de pixels de bordure. Cet outil applique une véritable heuristique d'anticrénelage sur les deux images : un pixel n'est traité comme une différence réelle que s'il ne se situe PAS dans un dégradé de lissage — concrètement, si son propre voisinage 3×3 dans l'une ou l'autre des images source ne contient pas déjà à la fois un pixel plus clair et un pixel plus sombre que lui-même, ce qui constitue la signature d'un bord lissé par anticrénelage plutôt que d'un véritable contenu.
Déposez l'Image A et l'Image B, ajustez la sensibilité si nécessaire et cliquez sur Exécuter. Vous obtenez un pourcentage exact de pixels qui diffèrent ainsi qu'une image de différence avec chaque changement réel mis en évidence en magenta vif par-dessus une version assombrie de l'original — téléchargez-la et joignez-la directement à votre rapport de bug ou à vos notes de QA. Les deux images doivent avoir les mêmes dimensions ; si ce n'est pas le cas, l'outil vous l'indique clairement au lieu de rogner ou d'étirer silencieusement l'une d'elles. Rien ne quitte votre navigateur à aucun moment.