Guide de comparaison d'images
Comparer les images avec la bonne vue
La comparaison en ligne est plus claire lorsque la vue correspond à la décision à prendre.
Ce guide couvre deux emplacements d'image, une prévisualisation locale dans le navigateur et quatre modes pratiques.
Exemples réels
Voir les quatre modes avec des images de démonstration locales
Chaque aperçu utilise une vraie paire avant-après pour montrer le type de revue que le mode aide à réaliser.
Image A
Image B

Étape 1
Commencer avec Image A et Image B
Chargez l'image originale ou avant dans Image A. Chargez la version modifiée ou après dans Image B.
Utilisez deux fichiers représentant la même scène, le même design, produit ou écran pour obtenir une lecture utile.
- Image A : originale, avant, référence ou base.
- Image B : modifiée, après, exportée, retouchée ou nouvelle.
- Formats pris en charge : PNG, JPG, JPEG, WebP.
Avant et après
slider de comparaison d’images
slider de comparaison d’images aide à vérifier l’avant/après pour comparaison d’images et image de comparaison.
Utilisez ce mode pour révéler des changements visibles dans une même zone d'image.
Image complète
comparaison côte à côte
comparaison côte à côte garde les deux fichiers visibles pour comparaison de photos et les contrôles de mise en page.
Utilisez ce mode lorsque les deux images doivent rester visibles pour le cadrage, l'espacement et la composition.
Alignement
comparaison par superposition
comparaison par superposition aide à inspecter l’alignement, la couleur, le recadrage et les espacements.
Utilisez ce mode lorsque le placement, l'échelle ou l'alignement compte plus qu'un simple avant-après.
Contrôle des pixels
différences surlignées
Surlignez les différences d’image et marquez les pixels modifiés en rouge après le test de seuil local du navigateur.
Utilisez ce mode pour obtenir les zones modifiées et les mesures locales de pixels après le diff.
Formats
Formats d'image pris en charge
L'outil actuel prend en charge les fichiers PNG, JPG, JPEG, WebP. Pour de meilleurs résultats, comparez deux images issues du même flux de travail.
Convertissez les formats non pris en charge avant la comparaison.
Images chargées
Savoir si les images sont chargées
Si vos images apparaissent dans les zones d'ajout, elles sont généralement bien chargées. Les fichiers très volumineux peuvent prendre plus de temps et ralentir la comparaison.
Cas d'usage
Usages courants de la comparaison d'images en ligne
Comparez deux images en ligne pour valider clairement les changements avant d'accepter une retouche, un export ou une capture.








Tableau des modes
Tableau simple des modes
| Mode | Idéal pour | À utiliser quand |
|---|---|---|
| slider de comparaison d’images | slider de comparaison d’images aide à vérifier l’avant/après pour comparaison d’images et image de comparaison. | Faites glisser la ligne de division pour inspecter l'emplacement des pixels modifiés dans leur contexte. |
| comparaison côte à côte | comparaison côte à côte garde les deux fichiers visibles pour comparaison de photos et les contrôles de mise en page. | Comparez les deux images à la fois avant de lire les métriques de différence calculées. |
| comparaison par superposition | comparaison par superposition aide à inspecter l’alignement, la couleur, le recadrage et les espacements. | Estompez une image sur l’autre pour repérer les changements d’alignement, de couleur et d’éclairage. |
| différences surlignées | différences surlignées calcule les différences de pixels dans le navigateur seulement après le lancement du diff local. | Surlignez les différences d’image et marquez les pixels modifiés en rouge après le test de seuil local du navigateur. |
Prêt à comparer



