Convertisseur Base64 DataURL

Base64 pur
0 caractères

Outil en ligne pour convertir entre Base64 brut et format data URL complet, avec détection automatique du type MIME.

Recommandations connexes

Encodage Base64

Décodage Base64

Fusion Base64 multi-lignes

Base64 vers image

Image vers Base64

Nettoyage Base64

Qu'est-ce qu'un DataURL Base64 ?

Un DataURL est un schéma URI qui embarque directement les données dans l'URL, sous la forme data:[<type MIME>];base64,<données Base64>. Il permet d'inclure des petites ressources (images, PDF, polices) dans HTML, CSS ou JavaScript sans requêtes HTTP supplémentaires.

**Base64 brut vs DataURL :** le Base64 brut n'est que la chaîne encodée (p. ex. iVBORw0KGgo...) ; un DataURL est un URI complet avec le préfixe data: et un type MIME, prêt à servir de valeur pour src, href, url(), etc.

**À quoi sert cet outil :** convertir entre "chaînes Base64 brutes" et "DataURL complets" — il ajoute automatiquement le préfixe data: et un type MIME au Base64 existant, ou extrait la partie Base64 brute d'un DataURL.

**Usages typiques :** ① image de fond en CSS ; ② src inline en HTML <img> ; ③ image inline en Markdown ; ④ collage d'image dans un éditeur de texte enrichi ; ⑤ débogage du schéma data URI.

Cas d'utilisation

  • Ajouter le préfixe data: et un type MIME à un Base64 existant pour obtenir un DataURL prêt à intégrer dans HTML
  • Extraire la partie Base64 brut d'un DataURL pour la réassembler ou la transmettre
  • Vérifier que la charge utile Base64 d'un data: URI front-end est complète lors du débogage
  • Détecter automatiquement le type MIME d'un Base64 copié dans le presse-papiers (PNG/JPEG/PDF, etc.)
  • Préparer un data URL pour background-image en CSS ou <img src> en HTML
  • Transformer le Base64 d'une image en DataURL prêt à coller dans un éditeur Markdown

Comment utiliser

  1. Choisissez le sens : "Ajouter préfixe" (Base64 brut → DataURL) ou "Retirer préfixe" (DataURL → Base64 brut).
  2. Collez le contenu dans le champ de gauche : Base64 brut en mode Ajouter, ou une chaîne data:... en mode Retirer.
  3. En mode Ajouter, gardez "Détection auto" ou choisissez un type MIME précis dans la liste déroulante.
  4. L'outil convertit en direct et affiche le résultat à droite, prêt à être copié ou téléchargé en txt.

Fonctionnalités

  • Conversion bidirectionnelle : Base64 brut ↔ DataURL
  • 11 types MIME prédéfinis : image, document, audio, vidéo, texte
  • Détection auto du MIME via les octets magiques PNG/JPEG/GIF/WEBP/PDF
  • Suppression des espaces : nettoie sauts de ligne, espaces et caractères parasites
  • Conversion en direct : recalcul automatique 300 ms après la saisie
  • Inversion automatique : l'entrée et la sortie s'échangent au changement de sens
  • Copie en un clic : copie le résultat converti dans le presse-papiers
  • Téléchargement txt : enregistre le résultat dans dataurl-result.txt
  • Mise en page adaptative : vue partagée redimensionnable sur PC, onglets sur mobile
  • Traitement local : aucun contenu n'est envoyé sur un serveur

Best Practices

Commencez par la détection auto

si vous n'êtes pas sûr du type MIME, gardez "Détection auto" et ne choisissez manuellement qu'en cas d'échec.

Pensez à la limite de taille

les navigateurs plafonnent les DataURL autour de 2 à 4 Mo, référencez donc les gros fichiers par URL au lieu de les embarquer.

Supprimez les caractères parasites

le Base64 collé contient souvent des sauts de ligne que l'outil retire automatiquement ; utilisez le Nettoyeur Base64 pour un nettoyage plus strict.

Vérifiez le résultat

après la conversion, validez le DataURL avec le Validateur Base64 ou les DevTools du navigateur pour confirmer qu'il se charge.

Contrôlez après collage

vérifiez le résultat décodé dans la console du navigateur après l'avoir collé à destination pour vous assurer qu'il correspond à vos attentes.

FAQ

La détection auto est-elle déjà active en mode Ajouter ?

Oui. La détection auto est activée par défaut et inspecte les premiers octets du Base64 (octets magiques) pour identifier PNG, JPEG, GIF, WEBP ou PDF. Pour d'autres types MIME (p. ex. application/json, video/mp4), choisissez-en un manuellement dans la liste.

Que se passe-t-il si l'entrée a déjà le préfixe data: ?

En mode Ajouter, si l'entrée commence déjà par data:, l'outil la renvoie telle quelle sans dupliquer le préfixe. En mode Retirer, si l'entrée n'est pas un DataURL, l'outil supprime les espaces et renvoie le Base64 brut.

Que se passe-t-il si la détection auto échoue ?

Si le Base64 ne correspond à aucun octet magique de PNG/JPEG/GIF/WEBP/PDF, la détection auto retombe sur application/octet-stream. Choisissez un autre type MIME manuellement si besoin.

Quels types MIME sont pris en charge ?

image/png, image/jpeg, image/gif, image/webp, image/svg+xml, application/pdf, application/json, text/plain, text/html, audio/mpeg et video/mp4 — 11 types courants au total.

Y a-t-il une limite de taille pour les DataURL dans les navigateurs ?

Oui. La plupart des navigateurs limitent la longueur totale d'un DataURL (environ 2 Mo à 4 Mo) ; dépasser cette limite empêche le chargement. Pour les fichiers volumineux, utilisez une URL classique.

Où peut-on utiliser les DataURL ?

Dans <img src> en HTML, url() en CSS, téléchargements via <a href>, fetch en JavaScript, syntaxe d'image Markdown, ressources embarquées dans des données JSON, etc.

Les sauts de ligne et espaces du Base64 sont-ils supprimés automatiquement ?

Oui. En mode Ajouter, les sauts de ligne et espaces sont retirés avant l'ajout du préfixe ; en mode Retirer, les espaces sont aussi retirés après l'extraction du DataURL.

L'entrée change-t-elle quand on inverse le sens ?

Oui. Quand vous changez de sens, l'outil reprend la sortie actuelle comme nouvelle entrée pour vous permettre d'enchaîner sans recoller.

Mon contenu est-il envoyé sur un serveur ?

Non. Toutes les conversions s'effectuent localement dans votre navigateur ; ni l'entrée ni la sortie ne quittent votre appareil.

Glossaire

DataURL
Schéma URI de données défini par la RFC 2397, sous la forme data:[<mime>];base64,<data> ; utilisable comme valeur de src, href, url(), etc.
Type MIME
Identifiant de type de média comme image/png ou application/pdf. Cet outil prend en charge 11 types MIME courants et peut les détecter automatiquement.
Octets magiques
Octets fixes au début d'un fichier utilisés pour identifier son type. Cet outil détecte PNG/JPEG/GIF/WEBP/PDF en inspectant ces octets magiques.
Base64
Encodage représentant des données binaires à l'aide de 64 caractères imprimables. La partie payload d'un DataURL est en Base64.
Schéma Data URI
Protocole URI data: défini par la RFC 2397 ; c'est le nom officiel de la spécification du DataURL.

Authoritative References