Image en Base64
Importez une image et convertissez-la en data URL Base64 prête pour HTML, CSS ou JSON — convertisseur gratuit supportant PNG, JPEG, SVG, WebP. Pas de...
Mis à jour mars 2026
Vérifié par Rafael Duarte
Encodage rapide
Le traitement asynchrone gère les fichiers volumineux sans bloquer l'interface.
Traitement local
Les assets sont encodés dans le navigateur. Les données ne quittent jamais votre machine.
Prise en charge des Data URI
Générez directement des formats prêts pour CSS, HTML et Data URL.
Convertisseur image en Base64 — comment ça marche
Quatre formats de sortie, un clic pour copier
1. Déposez l'image
PNG, JPG, GIF, SVG ou WebP jusqu'à 20 Mo — glissez-déposez ou cliquez pour parcourir.
2. Choisissez le format
Base64 brut, Data URL, balise HTML `<img>` ou valeur CSS `url()`.
3. Copiez
Cliquez sur Copier ou appuyez sur Shift+Enter pour récupérer le résultat.
Ce que fait cet outil
Au-delà de la simple chaîne Base64
Quatre formats de sortie
Base64 pur, Data URL complète, balise <img> prête à l'emploi ou valeur url() CSS.
Affiche les métadonnées
Dimensions, taille d'origine et taille encodée avant de copier.
Aperçu avec zoom
Vérifiez visuellement l'image avant de l'intégrer dans le code.
100 % dans le navigateur
Utilise la FileReader API — votre image ne quitte jamais l'appareil, fonctionne hors ligne.
Raccourcis clavier
Shift+Enter copie le résultat, et Shift+flèche navigue entre les quatre convertisseurs Base64 (encoder, décoder, image→Base64, Base64→image) sans toucher la souris.
Affiche le temps de traitement
Un chronomètre en millisecondes mesure combien de temps la lecture et l'encodage du fichier ont pris, utile pour vérifier que les images volumineuses ne bloquent pas le navigateur.
Exemples
Quand vous allez utiliser cet outil
Les scénarios les plus courants chez les utilisateurs
Éliminer des requêtes HTTP
Les petites icônes et logos (moins de 5–10 Ko) se chargent avec le HTML/CSS, sans requête supplémentaire.
HTML autonome
Les démos à fichier unique, les templates d'e-mail ou la documentation hors ligne fonctionnent sans dépendance externe.
Images dans un e-mail
De nombreux clients bloquent les images distantes mais affichent les Data URL intégrées sans problème.
Payload d'API
Les webhooks et API REST qui transfèrent des images attendent souvent une chaîne Base64.
Canvas et WebGL
Les chaînes Base64 évitent les restrictions CORS qui s'appliquent aux images hébergées en externe.
Le chemin inverse
Pour coller du Base64 et visualiser l'image, utilisez [Base64 to Image](/fr/tools/base64-to-image).
Points d'attention courants
Coller du Base64 brut en pensant qu'il s'agit d'une Data URL
La sortie Base64 brut n'a pas le préfixe data:image/...;base64, — la coller directement dans le src d'une <img> ou dans url() en CSS casse l'image. Utilisez la sortie Data URL ou HTML <img> pour coller directement dans le code.
Image trop lourde pour être intégrée
Au-delà de 20 Mo, l'upload est refusé, et même en dessous, les photos volumineuses en Base64 pèsent environ 33 % de plus que le fichier original et perdent le cache séparé du navigateur. Pour les grandes images, envisagez de les héberger séparément.
Sélectionner un fichier qui n'est pas une image
Les PDF, vidéos et autres documents déclenchent un message d'erreur — seuls les formats image/* (PNG, JPG, GIF, SVG, WebP) sont acceptés.
La qualité ne change pas
Le Base64 est sans perte — la chaîne représente exactement les mêmes pixels que le fichier original.
Copier la balise `<img>` sans remplir l'`alt`
La sortie HTML <img> arrive avec un alt="" vide par défaut — modifiez l'attribut avec une vraie description de l'image avant publication, sinon vous perdez en accessibilité et en signal SEO.
Considérer un SVG en Base64 comme toujours sûr
Un SVG peut contenir un <script> intégré. Utilisé comme src d'une <img>, ce script ne s'exécute pas, mais si la Data URL est ouverte directement ou utilisée dans <object>/<iframe>, le contenu actif du fichier d'origine est préservé. Ne réutilisez que des SVG provenant d'une source fiable.
Pourquoi encoder ici
Toute la conversion se fait dans le navigateur avec la FileReader API — votre image ne quitte jamais l'appareil, et l'outil fonctionne hors ligne une fois chargé.
Les quatre formats de sortie évitent l'étape manuelle de construction de la balise <img> ou de la valeur url() CSS — copiez-collez directement dans le code.
L'outil fait partie d'une famille de quatre convertisseurs Base64 — encoder, décoder, image→Base64 et Base64→image — et il est possible de passer de l'un à l'autre avec Shift+flèche sans quitter le clavier.
Questions fréquentes
Utilisez la sortie Data URL et collez-la comme src d'une balise <img>, ou utilisez directement l'option de sortie HTML <img> — l'outil génère déjà la balise complète.
Références
Documentation officielle de l'API utilisée pour lire les fichiers image localement.
Référence complète du format data:image/...;base64,... utilisé en HTML et CSS.
La spécification originale de l'IETF qui définit le schéma data: utilisé par toutes les sorties Data URL générées ici.
Outils connexes
- Base64 en Image Développeur Collez une chaîne Base64 ou une data URL et prévisualisez l'image décodée instantanément — convertisseur gratuit supportant PNG, JPEG, WebP, GIF, SVG. Sans...
- Encodeur Base64 Développeur Encodez n'importe quel texte en Base64 instantanément dans votre navigateur. Supporte UTF-8, affiche le nombre de caractères et la taille du payload....
- Décodeur Base64 Développeur Décodez des chaînes Base64 en texte brut instantanément dans votre navigateur. Supporte UTF-8, l'entrée multiligne et affiche le nombre de caractères.
- Encodeur d'Entités HTML Développeur Encodez du texte en entités HTML en ligne — échappez les caractères spéciaux comme <, >, & et " instantanément dans votre navigateur.
- Encodeur URL Développeur Encodez n'importe quelle URL ou texte en percent-encoding instantanément dans votre navigateur. Suit la norme RFC 3986. Gratuit et sans inscription.
