logo hsb.horse

Comparateur d’images

Comparez deux images dans votre navigateur, surlignez les différences pixel par pixel et ajustez la tolérance pour ignorer le bruit de compression. Aucune donnée ne quitte votre appareil.

Importez une image de référence et une image à comparer pour obtenir un overlay magenta et un taux d’appariement chiffré. Le traitement reste 100 % local.

1. Importer l’image de référence

Choisir l’image de référence

2. Importer l’image à comparer

Choisir l’image à comparer

3. Sensibilité de la comparaison

Tolérance : 0%

Strict (0) Tolérant (100)

Tolérance : 0%

La compression JPEG peut introduire de légères différences. Augmentez la tolérance pour ignorer le bruit acceptable ; restez à 0 % pour une vérification stricte.

Résultat

En attente de deux images

Taux de correspondance
–
Pixels différents
–
Total de pixels
–
Magenta = différences
Gris = zones identiques (aperçu de référence)

Aperçu du diff

Importez deux images pour commencer

Cas d’usage

Contrôles de régression UI

Comparez les captures avant/après pour repérer les changements visuels inattendus avant la mise en production.

QA des assets

Vérifiez que les bannières ou vignettes compressées restent conformes à la source validée.

Conformité et preuve

Fournissez un taux d’appariement chiffré pour les revues ou audits sans envoyer les fichiers vers un service tiers.

Astuces

  • Gardez la même orientation entre la référence et la comparaison. De grands écarts de ratio génèrent de nombreuses différences.
  • Sur de très grandes images, restez sur l’onglet pour éviter le ralentissement du navigateur.
  • Les pixels totalement transparents sont ignorés. Ajoutez un fond uni si vous devez comparer précisément les bords transparents.

Mode d’emploi

  1. 1

    Ajouter l’image de référence

    Importez l’image de base ou « golden » qui fait foi.

  2. 2

    Ajouter l’image à comparer

    Importez la capture ou l’export à vérifier. Les dimensions différentes sont redimensionnées automatiquement sur la référence.

  3. 3

    Ajuster la tolérance et lire le diff

    Déplacez le curseur de tolérance pour ignorer le bruit de compression. Analysez l’overlay magenta et le taux de correspondance affiché.

FAQ

Mes images sont-elles envoyées sur un serveur ?
Non. Tout se passe dans votre navigateur. Les fichiers ne quittent jamais votre appareil et ne sont stockés nulle part.
Quels formats sont pris en charge ?
Tous les formats ouverts par votre navigateur : JPEG, PNG, WebP, GIF, BMP, SVG, AVIF, etc. Le diff est dessiné sur un canvas pour inspection.
Comment sont gérés la transparence et l’alpha ?
Les pixels entièrement transparents dans les deux images sont considérés comme identiques, même si leurs valeurs RGB diffèrent. Sinon, la différence d’alpha compte dans le diff.
Comment choisir la tolérance ?
0 % pour une vérification très stricte, 1–5 % pour les exports compressés, et davantage si vous devez tolérer les différences d’anti-crénelage ou de rendu de police.