Outils de design

Vérificateur de différence d'image – Mise en évidence des différences de pixels

Comparez deux images pixel par pixel dans le navigateur. Les différents pixels sont surlignés en rouge avec des nombres et des pourcentages, ce qui est utile pour les captures d'écran de régression de l'interface utilisateur, les vérifications des versions de conception et les révisions avant/après. Les images restent locales.

ImageDiffComparaison

Ajouter cet outil aux favoris

Aucun mode de stockage des favoris n’a été sélectionné.

Actions rapides

Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.

Cas d’usage

  • Comparer les captures d'écran de régression de l'interface utilisateur
  • Vérifier les différences entre les versions de conception
  • Examiner une image avant et après les modifications

Mode d’emploi

  1. Importer l'image A
  2. Importer l'image B
  3. Inspecter la surbrillance, le nombre de pixels et le pourcentage

Exemples d’entrée et de sortie

Action

Importer deux captures d’écran

Sortie

Différences surlignées en rouge et pourcentage d’écart

FAQ

Les images peuvent-elles être de tailles différentes ?

Oui. La comparaison utilise la région superposée des deux images.

Les images sont-elles envoyées à un serveur ?

Non. Le décodage et la comparaison des pixels s'exécutent localement dans le navigateur.

Outils

Outils associés

Poursuivez avec un autre outil traduit pour une tâche proche.

Affichage du vérificateur de différence

Affichage du vérificateur de différence — différence de texte côte à côte

Disponible

Collez deux versions de texte côte à côte et mettez en surbrillance les segments ajoutés et supprimés avec un algorithme de comparaison dans votre navigateur. Utile pour les configurations, les scripts et les révisions de textes longs.

Diff Comparer Texte