Comment utiliser cet outil ?
- Glissez la première image dans le champ de dépôt de gauche (ou cliquez pour la choisir).
- Glissez la seconde image dans le champ de droite.
- Le rapport de comparaison apparaît automatiquement avec taille de fichier, dimensions et écart de pixels.
- Optionnel : définir la tolérance par canal (0–255) pour ignorer de petites variations de couleur.
Que fait le comparateur ?
Le diff d’image prend deux images — sous forme de Data URLs Base64 — et les analyse au niveau octet. Vous obtenez un rapport structuré avec taille de fichier, format (type MIME) et le pourcentage d’octets divergents. Les images identiques sont marquées comme telles, en cas de différence vous voyez l’écart exact.
L’outil travaille uniquement dans le navigateur. Aucun serveur ne reçoit, stocke ou traite vos données image. Il convient donc aussi pour captures confidentielles, assets design internes et photos à caractère personnel.
Quelle est la formule de calcul ?
La comparaison repose sur une analyse octet par octet des données image encodées en Base64 :
Écart = nombre d'octets différents / longueur totale × 100 %
Les deux Data URLs sont coupées au caractère virgule. La chaîne Base64 résultante est comparée caractère par caractère. Des longueurs différentes entrent comme différence supplémentaire — les données plus courtes sont comptées comme entièrement divergentes.
À partir de la longueur Base64, la taille de fichier approximative se déduit : octets ≈ caractères Base64 × 3 / 4. Le rapport affiche les deux valeurs.
Quels exemples d’application ?
| Scénario | Description |
|---|---|
| Vérifier itérations de design | Comparer deux versions d’une maquette UI, pour quantifier les changements entre itérations. |
| Régression de capture d’écran | Comparer captures automatisées avant et après déploiement, pour détecter des régressions visuelles. |
| Évaluer compression d’image | Comparer la même image à différents niveaux de qualité (p. ex. JPEG 80 % vs 95 %) et mesurer la différence d’octets. |
| Trouver doublons d’assets | Comparer deux images apparemment identiques pour vérifier si elles le sont réellement à l’octet près. |
| Contrôle de filigrane | Comparer original et version potentiellement marquée pour détecter des modifications cachées. |
| Vérifier conversion de format | Comparer un PNG et sa conversion WebP pour mesurer l’impact du changement de format. |
Quels domaines d’usage ?
Développement web et QA. Les équipes frontend comparent des captures avant et après une release. Le diff d’image montre si la sortie visuelle a changé — sans qu’un humain doive contrôler chaque pixel à la main. L’écart d’octets sert d’indicateur initial, avant que des tests de régression visuelle plus lourds ne soient nécessaires.
Design et illustration. Les designers comparent des versions d’export d’un asset pour s’assurer que profils colorimétriques, résolution et compression restent cohérents. Surtout à la livraison aux développeurs, le diff d’image aide à détecter les changements involontaires dus à un ré-export ou une conversion.
Confidentialité et investigation. Qui doit comparer des images confidentielles — clichés médicaux, documents d’identité, présentations internes — a besoin d’un outil qui n’envoie aucune donnée vers des serveurs tiers. Le diff d’image traite tout en local, conforme RGPD et sans suivi.
Compression et choix de format. Pour l’optimisation d’assets web, la comparaison entre original et version compressée aide. Vous voyez à quel point la structure d’octets change selon la qualité JPEG, la conversion WebP ou l’optimisation PNG.
Questions fréquentes
Les réponses aux questions principales se trouvent dans le bloc FAQ ci-dessus — elles sont diffusées comme JSON-LD structuré (FAQPage) pour les moteurs de recherche.
Quels outils image sont liés ?
Autres outils de l’écosystème convertisseur qui collent au sujet :
- Convertisseur de format d’image — convertir des images en WebP, AVIF et plus, avec comparaison de format et outils dédiés par paire de formats.
- Enlever l’arrière-plan — enlever automatiquement l’arrière-plan d’image par IA, directement dans le navigateur sans upload.
- Générateur QR code — générer des QR codes avec contenu libre et télécharger en PNG ou SVG.
Dernière mise à jour :