Application web interactive pour comparer visuellement deux images côte à côte.
- 📎 Entrée par URL
- 📁 Upload de fichiers locaux
- 🖱️ Drag & Drop (fichiers ou URLs)
- 🎨 Support PSD : conversion automatique des fichiers Photoshop en PNG
- Slider vertical : glissez pour comparer les deux images
- Zoom & Pan :
- Zoom à la molette (jusqu'à 10x)
- Déplacement par drag & drop
- Double-clic pour réinitialiser
- Mode Blink : alternance rapide entre les images pour détecter les différences subtiles
- Plein écran : visualisation immersive
- Conteneur redimensionnable : ajustez la taille selon vos besoins
- 🔒 Calcul MD5 : vérification de l'intégrité des fichiers (indication visuelle si identiques)
- 🏷️ Badges informatifs : affichent les différences entre les URLs
- 📐 Ajustement des tailles : superposition parfaite pour images de dimensions différentes
- Ajout automatique de paramètres de transformation
- Support du profil sRGB
- Exemples pré-configurés
Accédez à l'application : Comparateur d'Images
compare.html: Version standard avec exemples Chanelcompare_WFJ.html: Version WFJ avec paramètres Cloudinary optimisés
- Ouvrez simplement
compare.htmloucompare_WFJ.htmldans votre navigateur - Pas de serveur nécessaire, l'application fonctionne entièrement côté client
- Images standards : PNG, JPG/JPEG, WEBP, GIF, AVIF, BMP
- Fichiers Photoshop : PSD (conversion automatique en PNG)
- HTML5 / CSS3 / JavaScript vanilla (pur)
- Grid CSS pour le layout responsive
- ag-psd : bibliothèque pour la lecture des fichiers PSD
- API Cloudinary pour les transformations d'images
- Double-clic sur l'image : réinitialiser le zoom
- Molette : zoom in/out
- Drag (quand zoomé) : déplacer l'image
- Slider : comparer les deux images
Développé par la DAM Team
MIT