Aller au contenu
Outil gratuit

Comparer des images

Compare deux images en ligne avec un curseur avant-après, côte à côte, par superposition ou au moyen d’une image des différences qui marque et compte chaque pixel modifié. Dans cet exemple utilisant un pack de textures : 736 pixels sur 9 000 (8,18 %). Gratuit, sans inscription ni importation : tes images restent dans ton navigateur.

Créé par Justin Schuessler

Tu développes ton propre projet ? Héberge-le sur un VPS avec un contrôle total.

Avant

Après

Les images restent dans ton navigateur. Rien n’est envoyé en ligne.

Importe une image Avant et une image Après. Compare-les ensuite avec un curseur, côte à côte, par superposition ou avec une image des différences montrant chaque pixel modifié.

Exemple de résultat

Ce que révèle la comparaison d’images

Importe une image Avant et une image Après. Compare visuellement les différences avec le curseur de comparaison, côte à côte ou par superposition ; le mode Différences marque et compte chaque pixel modifié. Voici un exemple avec les images fournies par l’outil :

Exemple : un pack de textures automnales comparé à l’original

Saisie :

Deux paysages en pixel art de 120 × 75 pixels chacun. Dans l’image « Après », l’herbe et les feuilles ont changé de couleur, et une nouvelle fleur apparaît dans la prairie. Mode « Différence », seuil de 5 %.
Avant
Après
Différence

Résultat :

Résultat du mode Différences dans l’exemple
Pixels modifiés736 pixels sur 9 000
Part8,18 %
TéléchargerImage des différences en PNG à pleine résolution

Le ciel, le soleil, la terre et la pierre sont identiques sur les deux images et apparaissent en gris foncé dans l’image des différences. Seuls les éléments réellement modifiés par le pack de textures ressortent en rouge. Ton résultat dépend bien sûr de tes images.

Comment ça fonctionne

Comment comparer deux images

Quatre étapes, de la capture d’écran à la comparaison finale, sans compte ni téléversement.

Étape 1

Charger des images

Glisse les images Avant et Après dans les deux zones, sélectionne des fichiers ou colle des captures d’écran avec Ctrl+V. « Permuter » inverse leur position. Les images s’ouvrent uniquement dans ton navigateur.

Étape 2

Choisir un mode

Curseur, côte à côte, fondu ou différence. Avec le curseur, déplace la ligne de séparation verticalement ou horizontalement ; pour le fondu, règle l’opacité ; pour les différences, choisis le seuil et la couleur.

Étape 3

Zoomer et comparer

Zoome jusqu’à 3 200 % avec les boutons plus et moins, Ctrl+molette ou deux doigts, puis fais glisser l’image agrandie pour la déplacer. « 1:1 » affiche chaque pixel à sa taille d’origine, avec des contours nets à partir de 100 %. « Ajuster » affiche de nouveau l’image entière.

Étape 4

Enregistrer le résultat

Télécharge l’image avant-après, la vue côte à côte, la superposition ou l’image des différences en PNG pleine résolution. En mode curseur ou côte à côte, tu peux ajouter les légendes « Avant » et « Après ».

Export PNG

Créer et enregistrer une image avant-après

Chaque mode possède son propre bouton de téléchargement. Le PNG est créé en pleine résolution dans ton navigateur, sans importation ni filigrane.

Image avant-après

En mode curseur, le téléchargement coupe l’image exactement à l’emplacement de la ligne de séparation. Le PNG affiche cette ligne et, si tu le souhaites, les légendes « Avant » et « Après ».

Deux images côte à côte

Le mode « Côte à côte » réunit les deux images dans un seul fichier, avec des légendes si tu le souhaites. Si l’image côte à côte est trop large pour ton navigateur, l’outil place les images l’une sous l’autre. Il y a toujours exactement deux images, sans modèle de collage.

Superposition

Les deux images sont superposées, l’image Après ayant l’opacité que tu as réglée avec le curseur.

Image des différences

Les pixels modifiés dans la couleur de ton choix, sur une version en niveaux de gris assombrie de l’image Avant, à la résolution maximale de la comparaison.

Le calcul des différences et l’export PNG prennent en charge jusqu’à 40 mégapixels par image, et moins sur iPhone et iPad en raison de la limite plus basse du canevas.

Cas d’utilisation

À quoi sert la comparaison d’images ?

Des packs de shaders aux tests de compression : partout où deux versions d’une même image méritent d’être comparées.

Shaders et packs de textures dans Minecraft

Prends la même capture d’écran une fois avec et une fois sans shader ou pack de ressources. Le curseur de comparaison te permet de comparer directement la lumière, l’eau et les ombres ; le zoom 1:1 et les pixels nets révèlent même les différences entre les textures de 16 × 16.

Mods graphiques et textures pour FiveM

Compare les textures des véhicules, les préréglages ReShade ou les Mods de carte sur ton serveur FiveM. Le mode Différence montre quelles zones une nouvelle texture modifie vraiment.

Tester les paramètres graphiques

Faible contre Ultra, DLSS contre FSR, anticrénelage activé ou désactivé : deux captures de la même scène montrent si un réglage coûteux fait une différence visible.

Mods avant et après

Mod d’éclairage, de HUD ou mise à jour de carte : le fondu te permet de passer progressivement de l’original au Mod et de repérer les petits changements.

Vérifier les pertes dues à la compression

Importe l’original et sa version compressée. Avec un seuil de 0 %, le mode Différences affiche chaque pixel modifié ; avec un peu de tolérance, il ne montre que les artefacts visibles.

Modifications de l’interface et du design

Compare deux versions d’un site web, d’un menu de serveur ou d’une bannière Discord. Les éléments déplacés et les couleurs modifiées sautent aux yeux dans l’image des différences.

Images trop volumineuses pour une comparaison rapide ? Réduire avec l’outil de compression d’images

Quatre modes

Quel mode choisir pour quelle comparaison ?

Curseur

La ligne de séparation affiche l’image Avant à gauche ou en haut, et l’image Après à droite ou en bas. Idéal pour comparer la lumière, les couleurs et la netteté. Verticale ou horizontale, elle se déplace à la souris, au toucher ou avec les touches fléchées.

Côte à côte

Deux fenêtres avec zoom et déplacement synchronisés. Idéal pour voir les deux images en entier. Sur mobile, les fenêtres sont l’une sous l’autre.

Superposition

L’image Après se superpose à l’image Avant avec une opacité réglable. Un fondu progressif permet ainsi de repérer les zones déplacées ou légèrement modifiées.

Différence

Chaque pixel modifié est marqué dans la couleur de ton choix et comptabilisé. Le seuil permet d’ignorer les petits écarts comme le bruit JPEG. Tu peux télécharger l’image des différences au format PNG.

Découvrir plus

Autres outils

Comparer des textes en ligne (Diff Checker)

Compare en ligne deux textes, fichiers de configuration ou versions de code, repère les différences ligne par ligne et mot par mot, puis copie-les au format Unified Diff. Tout fonctionne dans ton navigateur.

Créé par Dimitri Heissler

Compresser et réduire des images

Compresse et réduis tes images en ligne : diminue la taille des JPG, PNG et WebP, atteins une taille cible en KB ou convertis-les, par exemple de PNG en JPG. Tout se passe dans le navigateur.

Créé par Dimitri Heissler

Recadrer une image (Image Cropper)

Nouveau

Recadre une image librement, en cercle ou selon des formats fixes comme une miniature YouTube, une bannière Discord, une story Instagram ou un en-tête X. Ajustement au pixel près, export en PNG, JPG ou WebP. Fonctionne entièrement dans le navigateur.

Créé par Luca Stanek

Découpeur et séparateur de Sprite Sheet

Nouveau

Découpe des Sprite Sheets en frames individuels dans ton navigateur : grille définie par colonnes et lignes ou par taille des sprites, décalage et espacement, aperçu de l’animation, frames GIF et téléchargement en PNG ou ZIP.

Créé par Justin Schuessler

Simulateur de daltonisme

Simule en direct la perception des palettes de couleurs et de tes images en cas de protanopie, de deutéranopie, de tritanopie ou d’achromatopsie, entièrement dans ton navigateur.

Créé par Justin Schuessler

Sélecteur de couleurs à partir d’une image

Relève le code couleur d’une image : pipette avec loupe, HEX, RGB et HSL, palette de l’image et indication de contraste. L’image reste dans le navigateur.

Créé par Dimitri Heissler

FAQ

Questions fréquentes

Des réponses courtes sur la comparaison d’images, les formats, les tailles et la confidentialité.

Glisse les images Avant et Après dans les deux zones, sélectionne des fichiers ou colle des captures d’écran avec Ctrl+V. Choisis ensuite un mode : « Curseur » avec ligne de séparation, « Côte à côte », « Superposition » ou « Différences ». Pour tester l’outil, « Essayer avec des images d’exemple » charge deux images prêtes à l’emploi.

Non. Les deux images s’ouvrent uniquement dans ton navigateur ; un Web Worker calcule les différences dans le même onglet. Aucun téléversement, aucun serveur et aucun lien de partage. L’outil n’inscrit dans la barre d’adresse que des réglages comme le mode, l’orientation et le seuil, jamais le contenu des images.

Charge les deux images, choisis « Curseur » et place la ligne de séparation où tu le souhaites. « Télécharger l’image avant/après » enregistre un PNG en pleine résolution avec la ligne de séparation et, si tu le souhaites, les mentions « Avant » et « Après ». En mode « Côte à côte », tu obtiens les deux images dans un seul fichier.

Choisis le mode « Différences ». Il marque chaque pixel modifié dans la couleur de ton choix et indique leur nombre et leur proportion. Le seuil détermine l’ampleur minimale d’un changement pour qu’un pixel soit compté : de 0 à 50 % de la plage de couleurs, avec 5 % par défaut. Si ce mode marque des changements que tu ne vois pas, c’est généralement dû à une compression avec perte (JPG, WebP), à un redimensionnement, aux profils colorimétriques ou à un décalage d’un pixel. Augmente alors le seuil ou compare des captures d’écran PNG sans perte.

JPG, PNG, WebP, AVIF et GIF ; pour les GIF animés, seule la première image est utilisée. L’outil n’accepte pas les fichiers HEIC : exporte-les d’abord en JPG. Chaque fichier peut peser jusqu’à 40 Mo. Les modes curseur, côte à côte et superposition fonctionnent aussi avec de très grandes images. Le calcul des différences et l’export PNG prennent en charge jusqu’à 40 mégapixels par image, ou 16,7 mégapixels sur iPhone et iPad. Au-delà, l’outil affiche un avertissement au lieu de bloquer l’onglet.

L’outil affiche les deux résolutions, puis tu choisis : « Redimensionner Après selon Avant » (par défaut) étire l’image Après aux dimensions de l’image Avant, ce qui est pratique pour des captures de résolutions différentes. « Aligner en haut à gauche » superpose les images sans les étirer, idéal si l’une a seulement été recadrée ou agrandie. Si les proportions diffèrent, l’outil t’avertit de la déformation lors du redimensionnement.

Oui, directement dans ton navigateur, sans application. Tu déplaces la ligne de séparation avec le doigt, zoomes avec deux doigts et fais glisser l’image agrandie pour la déplacer. En mode « Côte à côte », les deux vues sont l’une sous l’autre sur mobile. Tu sélectionnes les images à l’aide du sélecteur de fichiers de ton téléphone.

Non. L’outil compare les valeurs de couleur des deux images pixel par pixel, selon un seuil réglable. Il n’utilise pas d’IA, ne reconnaît ni visages ni objets et ne recherche pas d’images similaires sur Internet. Il te montre précisément où tes deux images diffèrent.

D’autres questions ?

Contacter le support
Tu crées ton propre projet ?

Teste des Mods, des shaders et des textures sur un serveur qui t’appartient

Un VPS ZAP-Hosting met ton serveur de jeu, ton site web ou ton projet en ligne de façon fiable.

4,4/5 Trustpilot32 000+ Serveurs actifsDepuis 2010

Sans configuration. Sans risque. En ligne en quelques secondes.

Durée flexibleRésiliable à tout momentEn ligne en 60 secondes

Tu cherches d’autres outils ? Voir tous les outils d’image et de design