Boîte à Out's
Comparateur Avant / Après - illustration de l'outil

Comparateur Avant / Après

Créez un comparateur avant/après gratuit avec deux URL ou des images en base64. Lecteur sans tracking, export iframe, HTML autonome et oEmbed.

Deux images. Une histoire à montrer.

Collez leurs URL ou choisissez des fichiers encodés en base64 sur votre appareil. Aucune image n’est téléversée sur nos serveurs.

1. Vos images

Image avant
Description et crédit de l’image
Image après
Description et crédit de l’image

Les fichiers sont optimisés sans recadrage. Pour un alignement précis, utilisez deux images prises du même point de vue et aux mêmes proportions.

2. Présentation

Réglages avancés

Aperçu interactif

Glissez sur l’image ou utilisez le curseur au clavier. L’export utilise exactement ce lecteur, sans menu, publicité ni mesure d’audience.

3. Partager et intégrer

Ajoutez les deux images pour activer les exports.

Collez ce code dans un bloc HTML qui autorise les iframes. Aucun script supplémentaire à ajouter à votre page.

Le code apparaîtra lorsque les deux images seront prêtes.
0.3 Ko · largeur adaptative

Sauvegarde du brouillon…

Gardez une sauvegarde JSON pour retrouver aussi les images base64.

Une comparaison qui vous appartient

Utilisez deux images hébergées sur votre site, ou incluez directement vos images en base64. Le lecteur intégré ne dépose pas de cookies et ne charge aucun outil de mesure d’audience. Les URL et le code d’intégration peuvent être partagés ; ils donnent accès aux images de la comparaison. Renseignez les dates, les crédits et une description de chaque image pour accompagner vos lecteurs.

À propos de Comparateur Avant / Après

Créez un comparateur avant/après gratuit avec deux URL ou des images en base64. Lecteur sans tracking, export iframe, HTML autonome et oEmbed. Cette page fait partie des outils utilitaires de Boîte À Out's, pensés pour obtenir un résultat rapide, gratuit et accessible depuis un navigateur moderne.

Méthode et transparence

Mis à jour le

Boîte À Out's publie des outils pratiques et documente ses hypothèses quand des données externes, des barèmes publics ou des règles métier sont impliqués.

Questions Fréquentes

Quels sont les modes de comparaison disponibles ?

L'outil propose trois modes pour deux images : un curseur horizontal, un curseur vertical et un fondu progressif.

Comment intégrer le comparateur sur mon site web ?

Copiez le code iframe dans un bloc HTML qui l’autorise, ou téléchargez le fichier HTML pour l’héberger vous-même. Avec deux URL HTTPS d’images, vous pouvez aussi coller le lien dans un CMS qui accepte ce fournisseur oEmbed. Les images base64 sont incluses dans le code iframe ou le fichier HTML.

Ai-je besoin de créer un compte pour sauvegarder mon comparateur ?

Non. Le brouillon est enregistré dans votre navigateur lorsque le stockage est disponible. Téléchargez une sauvegarde JSON pour conserver les réglages et les images base64. Le lien oEmbed utilise les URL d’images hébergées.

Une question reste sans réponse ? Nous contacter.

Outil gratuit et fiable

L’essentiel, sans inscription.

  • 100% gratuit, sans inscription requise
  • Confidentialité prise en compte dès la conception
  • Résultats rapides directement dans l’interface
  • Interface responsive sur navigateurs modernes

Vos données : le traitement dépend de l'outil. Consultez sa notice et notre politique de confidentialité avant de saisir une information sensible.