URL de données pour HTML et CSS
Créez une chaîne data:image/...;base64 pour l’attribut src d’une balise HTML img ou une propriété CSS background-image. Le réglage Préfixe d’image permet de choisir entre une URL de données et du Base64 brut.
Image vers Base64
Encodez une image en Base64 ou copiez une URL de données pour le HTML et le CSS.
Mode de conversion
Autres actions
Table des caractères Base64
Base64 utilise 64 caractères : A-Z, a-z, 0-9, + et /. Le symbole = sert au remplissage.
Cliquez sur une valeur pour la copier.
| Indice | Binaire | Car. |
|---|---|---|
| 0 | A | |
| 1 | B | |
| 2 | C | |
| 3 | D | |
| 4 | E | |
| 5 | F | |
| 6 | G | |
| 7 | H | |
| 8 | I | |
| 9 | J | |
| 10 | K | |
| 11 | L | |
| 12 | M | |
| 13 | N | |
| 14 | O | |
| 15 | P |
| Indice | Binaire | Car. |
|---|---|---|
| 16 | Q | |
| 17 | R | |
| 18 | S | |
| 19 | T | |
| 20 | U | |
| 21 | V | |
| 22 | W | |
| 23 | X | |
| 24 | Y | |
| 25 | Z | |
| 26 | a | |
| 27 | b | |
| 28 | c | |
| 29 | d | |
| 30 | e | |
| 31 | f |
| Indice | Binaire | Car. |
|---|---|---|
| 32 | g | |
| 33 | h | |
| 34 | i | |
| 35 | j | |
| 36 | k | |
| 37 | l | |
| 38 | m | |
| 39 | n | |
| 40 | o | |
| 41 | p | |
| 42 | q | |
| 43 | r | |
| 44 | s | |
| 45 | t | |
| 46 | u | |
| 47 | v |
| Indice | Binaire | Car. |
|---|---|---|
| 48 | w | |
| 49 | x | |
| 50 | y | |
| 51 | z | |
| 52 | 0 | |
| 53 | 1 | |
| 54 | 2 | |
| 55 | 3 | |
| 56 | 4 | |
| 57 | 5 | |
| 58 | 6 | |
| 59 | 7 | |
| 60 | 8 | |
| 61 | 9 | |
| 62 | + | |
| 63 | / |
Outils associés
Vos statistiques
0
Conversions
0
Copies
0
Caractères traités
Texte
Mode favori
0
Taille moyenne
100%
Score d’utilisation
Comment convertir une image en Base64
Impossible de charger la vidéo. Vous pouvez suivre les instructions ci-dessous.
La vidéo présente l’interface en anglais.
Le mode Encoder une image est sélectionné à l’ouverture de l’outil. Cliquez sur Importer ou Choisir des fichiers, puis choisissez une image. Vérifiez que l’aperçu correspond au bon fichier. Le fichier d’origine reste intact. Le résultat Base64 est du texte et peut être plus volumineux que l’image.
Options de conversion d’image en Base64
Formats d’image acceptés
Encodez JPG, PNG, GIF, WebP, AVIF, BMP ou ICO. Vous pouvez aussi déposer un fichier SVG. Les images HEIC et HEIF deviennent des JPEG. Pour TIFF, seule la première image est utilisée et convertie en PNG.
Encodage et décodage
Encodez une image importée ou récupérez une image à partir de ses données Base64. Encoder une image télécharge du texte. Décoder une image télécharge l’image affichée si l’aperçu a pu être chargé.
En afficher 3 de plusAfficher moins
Images du presse-papiers
Dans Encoder une image, utilisez Coller pour lire une image copiée si votre navigateur autorise l’accès au presse-papiers.
Importation jusqu’à 50 MiB
Les fichiers image sont limités à 50 MiB. Les formats pris en charge pour l’aperçu et la mémoire disponible déterminent aussi quelles images peuvent être affichées.
Conversion dans le navigateur
Convertissez une image importée en texte Base64. Les formats d’image courants conservent leurs octets d’origine.
Questions fréquentes
Comment convertir une image en Base64 ?
Choisissez Encoder une image et ajoutez votre image. Activez Préfixe d’image pour obtenir une URL de données complète, ou désactivez cette option pour du Base64 brut. Copiez le résultat ou téléchargez le fichier texte.
Comment utiliser une image Base64 en HTML ou en CSS ?
Activez Préfixe d’image, puis copiez une valeur telle que data:image/png;base64,... dans l’attribut src d’une balise HTML img ou dans une valeur CSS background-image: url(...).
Comment retrouver une image à partir du Base64 ?
Choisissez Décoder une image et saisissez les données Base64 de l’image, avec ou sans préfixe d’URL de données. Si votre navigateur peut afficher le format récupéré, vérifiez l’aperçu et utilisez Télécharger pour enregistrer l’image.
Quels formats d’image puis-je importer ?
Le sélecteur de fichiers accepte JPG, PNG, GIF, WebP, AVIF, BMP, TIFF, ICO, HEIC et HEIF. Vous pouvez déposer un SVG sur la page. HEIC et HEIF deviennent des JPEG, et la première image d’un TIFF devient un PNG. Les autres formats pris en charge conservent leurs octets d’origine. La limite d’importation est de 50 MiB.
En afficher 2 de plusAfficher moins
Faut-il intégrer les images volumineuses en Base64 ?
Base64 utilise quatre caractères pour trois octets, auxquels s’ajoute éventuellement le remplissage. Les données volumineuses grossissent d’environ un tiers. Une image intégrée ne peut pas non plus être mise en cache séparément. Utilisez des fichiers image ordinaires pour les images volumineuses ou réutilisées.
Mon image est-elle envoyée à un serveur ?
L’encodage et le décodage s’effectuent dans votre navigateur sans envoyer l’image à un serveur de conversion. Les compteurs d’utilisation peuvent rester enregistrés localement après la fermeture de l’onglet.
Détails techniques
Encodage du texte en UTF-8
TextEncoder convertit le texte en octets UTF-8, puis btoa produit le Base64. Le décodage utilise atob et TextDecoder. Les fichiers texte sont lus en UTF-8. Les séquences d’octets UTF-8 non valides deviennent des caractères de remplacement. L’encodage d’images suit un autre parcours d’importation.
Où s’effectue la conversion
Le mode texte traite des octets UTF-8. Encoder une image lit les données de l’image importée. Décoder une image vérifie les données récupérées avec le décodeur d’images du navigateur.
En afficher 4 de plusAfficher moins
Formats d’image et conversion
Encoder une image conserve les octets des formats d’image courants. Pour HEIC et HEIF, l’importation utilise le décodage natif lorsqu’il est disponible, sinon libheif, puis produit un JPEG. Pour TIFF, UTIF convertit la première image en PNG. Décoder une image transmet l’image récupérée au décodeur du navigateur.
Traitement et mémoire
La conversion de texte et la validation Base64 s’exécutent dans un worker du navigateur. Les entrées et les résultats volumineux occupent de la mémoire, tout comme les pixels décodés des aperçus d’images. Les textes longs s’affichent dans un aperçu en lecture seule. Le résultat complet reste disponible à la copie et au téléchargement.
URL de données pour HTML et CSS
Préfixe d’image crée une URL de données telle que data:image/png;base64,... pour l’attribut src d’une balise HTML img ou une valeur CSS url(). Le résultat avec préfixe conserve l’alphabet Base64 standard, le remplissage et une seule ligne. Désactivez le préfixe pour obtenir du Base64 brut et utiliser l’option URL-safe.
Saisir du texte et importer des images
Choisissez le mode avant de saisir les données. Tapez ou collez du texte, importez un fichier texte ou déposez une image dans Encoder une image. Pour une image du presse-papiers, utilisez Coller dans Encoder une image si votre navigateur le permet. Le glisser-déposer de fichiers texte accepte TXT, JSON et XML. Le sélecteur propose aussi CSV, HTML, CSS et JavaScript.