Aller au contenu

Comparateur d’images

Image Diff

Compare deux images pixel par pixel, met en évidence ce qui a changé et donne un score de différence perceptuelle.

Deux captures d’écran censées être identiques, et la question de savoir si elles le sont. Un simple compte de pixels changés ne peut pas y répondre — le lissage change des milliers de pixels et ne veut rien dire — alors cet outil affiche le SSIM et le DSSIM à côté, et vous donne quatre façons de regarder la différence.

🔒 Fonctionne entièrement dans votre navigateurdiffcompareqavisual

Déposez l’image « Avant »

N’importe quel format que le navigateur sait décoder.

Déposez l’image « Après »

N’importe quel format que le navigateur sait décoder.

Mise en évidence

Comment s’en servir

  1. Déposez l’avant et l’après

    Des tailles différentes sont acceptées : les deux sont complétées jusqu’à leur union avec de la transparence, si bien que le recouvrement est comparé correctement et que le non-recouvrement apparaît comme une différence — ce qu’il est.

  2. Réglez la tolérance

    Mesurée en YIQ : un changement de luminance compte donc pour environ 2,5 fois un changement de teinte de même ampleur — c’est ainsi que l’œil les classe. À 0, une seule valeur de code n’importe où est un échec.

  3. Lisez ensemble les deux sortes de nombres

    2 % de pixels changés avec un SSIM de 0,999, c’est du lissage. 2 % avec un SSIM de 0,94, c’est quelque chose qui bouge.

  4. Utilisez le volet coulissant pour les petits décalages

    Il place les deux versions à la même position sur la rétine, ce qui est la seule façon de rendre visible un décalage inférieur au pixel — l’œil ne peut pas transporter autant de détail à travers la saccade qu’exige une comparaison côte à côte.

Questions fréquentes

Qu’est-ce qu’un bon SSIM ?

Au-dessus d’environ 0,99, les deux images sont la même image avec du bruit de rendu entre elles. En dessous de 0,95, quelque chose diffère réellement. Il n’y a pas de seuil universel : comparez à une paire connue comme bonne, issue de votre propre chaîne.

Pourquoi le DSSIM diffère-t-il du SSIM ?

Le DSSIM fait la même comparaison structurelle en L*a*b* sur cinq échelles : un changement de couleur seule compte, et une différence à un niveau de zoom ne se cache pas derrière un autre. Là où ils divergent, le changement est de couleur plutôt que de structure.

Puis-je l’utiliser pour des tests de régression visuelle ?

Pour examiner un échec, oui — c’est à cela que servent les quatre vues. Pour exécuter la comparaison en intégration continue, vous voudrez la même arithmétique dans votre lanceur de tests plutôt qu’un onglet de navigateur.

À alimenter depuis

Ensuite

Ces outils acceptent ce que celui-ci produit : le résultat peut y aller directement.