Comparateur d'Images en Ligne
Outil comparaison images gratuit — côte à côte, slider avant/après, diff pixel et overlay. 100% local dans le navigateur, sans upload ni inscription.
Mis à jour mai 2026
Vérifié par Rafael Duarte
Comment utiliser le comparateur d'images
Quatre modes, zéro upload
1. Importez les deux images
L'image A est l'"avant" ; l'image B est l'"après". Compatible JPG, PNG, WebP, GIF, SVG et AVIF.
2. Choisissez le mode
Slider, Côte à Côte, Diff ou Overlay.
3. Analysez et exportez
Ajustez le seuil et la couleur en mode Diff, ou l'opacité en mode Overlay. Téléchargez la carte de différences en PNG.
Ce que fait cet outil
Comparaison pixel par pixel avec distance perceptuelle
Diff avec l'algorithme YIQ
Distance de couleur perceptuelle qui reflète la façon dont l'œil humain perçoit les différences.
Panneau d'analyse
Pourcentage de similarité, nombre de pixels différents et décompte total.
Seuil ajustable
Du bruit de compression jusqu'aux seuls changements réels — vous contrôlez la sensibilité.
100% dans le navigateur
Les deux images sont traitées via l'API Canvas — rien n'est envoyé à un serveur.
Loupe d'inspection
Activez la loupe pour agrandir 2,5x la zone sous le curseur — utile pour vérifier pixel par pixel sans changer de mode.
Zoom et visualisation agrandie
Zoomez de 50% à 400% et ouvrez la fenêtre modale plein écran pour inspecter les détails avec plus d'espace.
Les quatre modes
Quand vous allez utiliser ça
Les scénarios les plus courants chez celles et ceux qui utilisent l'outil
Test de régression visuelle
Comparez des captures d'écran d'UI avant/après un déploiement — les changements subtils sont détectés au pixel près.
Révision de retouche photo
Utilisez le slider pour révéler les changements entre le brouillon et l'export final.
Révision des itérations de design
Chargez deux exports Figma et voyez exactement ce qui a changé.
Vérification de la qualité de compression
Comparez le PNG original à un export JPEG/WebP pour voir les zones dégradées.
Vérification d'authenticité
Comparez une image suspecte à la référence originale pour détecter un clonage, une retouche ou une manipulation de contenu.
Inspection d'images volumineuses avec défilement synchronisé
Zoomez en mode Côte à Côte et gardez "Sync scroll" actif pour faire défiler les deux images ensemble — idéal pour des écrans d'app entiers ou des maquettes haute résolution.
Erreur courante ? Commencez ici
Croire que 98% de similarité, c'est presque identique
Sur une image de 1000×1000, cela représente encore 20 000 pixels différents — plus qu'il n'y paraît.
Comparer des images aux dimensions très différentes
Diff et Overlay fonctionnent mieux avec des dimensions identiques — pour des tailles très différentes, utilisez Côte à Côte.
Seuil trop bas qui capture le bruit JPEG
Des valeurs proches de 0 détectent même les artefacts de compression — la valeur par défaut 0,10 ignore ce bruit.
Diff qui montre l'image entière au lieu des seules différences
Par défaut, la carte de diff affiche l'image complète avec les pixels divergents mis en évidence. Activez "Afficher uniquement les différences" pour ne voir que les pixels modifiés, sur un fond propre.
Un upload de fichier au-delà de 50 Mo est refusé
Chaque image a une limite de 50 Mo — les fichiers plus volumineux renvoient une erreur. Compressez ou réduisez la résolution avant l'import.
Perdre la synchronisation en faisant défiler de grandes images en mode Côte à Côte
Avec un zoom élevé, chaque canvas obtient sa propre barre de défilement — sans synchronisation, vous perdez le repère entre A et B. Le bouton "Sync scroll", activé par défaut, garde les deux défilements identiques ; désactivez-le seulement si vous voulez naviguer dans chaque image indépendamment.
Pourquoi utiliser cet outil
Réunit quatre modes de comparaison — slider, côte à côte, diff de pixels et overlay — dans un seul outil, couvrant aussi bien la révision visuelle rapide que l'analyse technique pixel par pixel.
L'algorithme de distance perceptuelle YIQ reflète la façon dont l'œil humain perçoit les différences, et non une comparaison binaire d'octets qui signalerait même du bruit de compression sans importance.
Au-delà de la révision visuelle, il sert à la vérification d'authenticité et au contrôle de la qualité de compression — avec une limite généreuse de 50 Mo par image et sans l'upload que la plupart des outils concurrents exigent.
Questions fréquentes
Non. Les deux sont chargées via l'API File et tous les modes — y compris l'analyse de diff — s'exécutent entièrement dans le navigateur grâce à l'API Canvas.
Références
Référence complète de l'API Canvas utilisée pour la manipulation d'image au niveau du pixel.
La bibliothèque open-source de comparaison de pixels qui alimente le mode Diff.
Explication de l'espace colorimétrique YIQ utilisé dans le calcul de distance perceptuelle entre pixels en mode Diff.
Outils connexes
- Vérificateur de Contraste de Couleurs Design Vérificateur de contraste de couleurs gratuit — vérifiez la conformité WCAG 2.2 AA et AAA instantanément. Aperçu en direct, simulation du daltonisme et...
- Convertisseur de Couleurs Design Convertissez des couleurs entre HEX, RVB, HSL et CMJN instantanément. Sélecteur de couleur gratuit avec vérificateur de contraste WCAG et générateur de palette.
- Générateur de Palette de Couleurs Design Générez des palettes de couleurs harmonieuses depuis n'importe quelle couleur de base. Choisissez Analogue, Complémentaire, Triadique ou Tétradique —...
- Palette de Couleurs depuis une Image Design Extrayez des palettes de couleurs de n'importe quelle image — obtenez des codes HEX, RGB, HSL et exportez en CSS variables, Tailwind, JSON ou PNG. 100% dans...
- Générateur CSS Box Shadow — Neumorphisme, Glassmorphisme et Tailwind Design Générateur CSS box shadow gratuit avec aperçu en temps réel. Créez des ombres, effets neumorphisme et glassmorphisme. Exportez en CSS, Tailwind ou variables CSS.
