Convertisseur Fichier vers Base64 (avec prise en charge des data URI, dans les deux sens)

Convertissez n'importe quel fichier (image, PDF, etc.) en chaîne Base64 ou en data URI, ou décodez une chaîne Base64 / un data URI pour obtenir un fichier téléchargeable. Tout se passe dans votre navigateur ; les fichiers ne sont jamais envoyés à un serveur.

Qu'est-ce que la conversion de fichier en Base64 ?

Base64 est un procédé d'encodage qui représente des données binaires — images, PDF et tout autre type de fichier — à l'aide de seulement 64 caractères imprimables : A-Z, a-z, 0-9, + et /. Les développeurs y recourent chaque fois qu'ils doivent intégrer le contenu d'un fichier là où seul du texte peut être transporté en toute sécurité, comme une charge utile JSON, une feuille de style CSS ou du HTML brut. En plaçant l'information de type MIME devant la chaîne encodée, comme dans data:image/png;base64,..., on obtient un data URI que le navigateur peut interpréter directement comme une image, sans avoir à récupérer un fichier séparé.

Cet outil prend en charge les deux sens : convertir n'importe quel fichier en chaîne Base64 ou en data URI, et décoder une chaîne Base64 ou un data URI pour retrouver le fichier d'origine à télécharger. Toute la conversion s'exécute en JavaScript dans votre navigateur grâce aux API FileReader et Blob, si bien que le contenu du fichier n'est jamais transmis à un serveur externe. Cela le rend tout aussi utile pour examiner rapidement un mystérieux extrait Base64 trouvé dans le code source d'un tiers que pour manipuler des fichiers sensibles que vous préférez ne téléverser nulle part.

Comment convertir des fichiers en Base64 et inversement

  1. Choisissez le sens de la conversion Sélectionnez « Fichier → Base64 » ou « Base64 → Fichier » selon ce que vous souhaitez faire.
  2. Fournissez le fichier ou le texte Base64 En mode Fichier → Base64, glissez-déposez ou sélectionnez un fichier. En mode Base64 → Fichier, collez une chaîne Base64 ou un data URI.
  3. Laissez la conversion s'exécuter automatiquement Dès que vous sélectionnez ou collez l'entrée, la conversion s'effectue instantanément dans votre navigateur.
  4. Vérifiez le type MIME détecté (Base64 → Fichier) Si l'entrée n'est pas un data URI complet, un menu de type MIME apparaît : choisissez le format correspondant au fichier d'origine.
  5. Copiez le résultat ou téléchargez le fichier Copiez la chaîne encodée ou téléchargez le fichier reconstitué pour terminer l'opération.

Astuces pour en tirer le meilleur parti

  • Le mode Fichier → Base64 accepte tout type de fichier (images, PDF, audio, etc.) et vous permet de copier à la fois le data URI et la simple chaîne Base64.
  • En mode Base64 → Fichier, collez un data URI complet commençant par data: et le type MIME sera détecté automatiquement. Pour une simple chaîne Base64, sélectionnez le type MIME manuellement.
  • Toute la conversion s'exécute entièrement dans le JavaScript de votre navigateur : le contenu du fichier ou la chaîne Base64 n'est jamais envoyé à un serveur, ce qui la rend sûre même pour des fichiers sensibles.
  • Pour intégrer une petite icône directement en CSS ou en HTML, collez la sortie du data URI telle quelle dans background-image: url(...) ou dans l'attribut src d'une balise <img>.
  • L'encodage Base64 rend le résultat environ 33 % plus volumineux que le fichier d'origine ; convertir des fichiers très volumineux (plusieurs dizaines de mégaoctets ou plus) peut donc ralentir le navigateur.

Cas d'usage courants

Intégrer une petite icône directement en CSS

Convertissez une icône en data URI et insérez-la directement dans une propriété background-image, évitant ainsi une requête HTTP supplémentaire pour une ressource minuscule.

Envoyer un fichier dans une charge utile d'API JSON

Encodez une image ou une pièce jointe en chaîne Base64 afin qu'elle puisse voyager comme une simple valeur de chaîne dans le corps d'une requête ou d'une réponse JSON.

Examiner un extrait Base64 trouvé dans le code source

Collez une chaîne Base64 inconnue repérée dans du code HTML ou CSS pour la décoder en un fichier consultable et voir exactement ce qu'elle contient.

Intégrer une image en ligne dans un e-mail HTML

Encodez un logo ou une icône en Base64 pour l'intégrer directement dans le corps d'un e-mail HTML, sans avoir besoin d'une pièce jointe séparée.

Glossaire

Base64
Un procédé d'encodage qui représente des données binaires à l'aide de seulement 64 caractères ASCII imprimables : A-Z, a-z, 0-9, + et /. Ce n'est pas du chiffrement, seulement un moyen de rendre des octets arbitraires transportables en toute sécurité sous forme de texte.
Data URI
Un format qui intègre le contenu d'un fichier encodé en Base64 directement dans une URL. Comme il transporte aussi l'information de type MIME, il peut être utilisé directement comme source d'image ou comme arrière-plan CSS.
Type MIME
Un identifiant qui décrit le format d'un fichier, écrit sous la forme « type/sous-type » (par exemple image/png ou application/pdf). Les navigateurs s'en servent pour décider comment traiter un fichier donné.
Encodage
Le processus consistant à convertir des données d'une représentation à une autre. L'encodage Base64 convertit spécifiquement des données binaires en une chaîne de texte imprimable.
Traitement côté client
Le fait de traiter les données entièrement dans le navigateur de l'utilisateur plutôt que de les envoyer à un serveur. Toute conversion réalisée par cet outil se fait côté client, si bien que les fichiers ne quittent jamais votre appareil.
Surcharge de taille de la charge utile
L'augmentation d'environ 33 % de la taille des données causée par l'encodage Base64. C'est une conséquence inévitable du réemballage de données binaires sur 8 bits en caractères sur 6 bits.

Questions fréquentes

Base64 est un procédé d'encodage qui représente des données binaires (images, audio, exécutables ou tout autre format) à l'aide de seulement 64 caractères ASCII imprimables : A-Z, a-z, 0-9, + et /. Ce n'est pas du chiffrement, mais simplement un moyen de représenter des octets arbitraires sous forme de texte sûr et imprimable.

Un data URI intègre le contenu d'un fichier directement dans une URL sous forme de chaîne encodée en Base64, comme data:image/png;base64,iVBOR.... Comme il transporte aussi le type MIME, vous pouvez l'utiliser directement dans l'attribut src d'une balise <img> ou dans un background-image CSS pour afficher l'image.

Non. La conversion de cet outil (encodage et décodage via FileReader et Blob) s'exécute entièrement en JavaScript dans votre navigateur. Ni le contenu du fichier ni la chaîne Base64 obtenue ne sont jamais envoyés à un serveur.

Oui. Si le texte collé n'est pas un data URI complet commençant par data:, un menu de sélection du type MIME apparaît : choisissez manuellement le format d'origine du fichier (image, PDF, texte, etc.) avant de télécharger.

Base64 réempaquette des données binaires par blocs de 8 bits en caractères de 6 bits, si bien que le résultat encodé occupe environ 4/3 de la taille d'origine, soit une augmentation d'environ 33 %. Cette surcharge est une caractéristique inévitable du fonctionnement de Base64.
Tool-kun

Anecdote — Pourquoi Base64 rend les fichiers 33 % plus volumineux

L'encodage Base64 existe parce que de nombreux canaux de transport — le courrier électronique, JSON, les URL — ne peuvent transporter en toute sécurité que du texte ASCII imprimable. Envoyer des données binaires arbitraires (comme une image ou un exécutable) telles quelles risque une corruption due à des caractères de contrôle égarés ; Base64 a donc été conçu pour représenter n'importe quelles données binaires à l'aide de seulement 64 caractères imprimables : A-Z, a-z, 0-9, + et /.

Base64 découpe 3 octets (24 bits) de données binaires en quatre blocs de 6 bits et associe chaque bloc à un caractère Base64. Réempaqueter des données binaires de 8 bits en caractères de 6 bits fait que le résultat encodé occupe finalement environ 4/3 de la taille d'origine, soit une augmentation d'environ 33 %. Cette augmentation de taille est le prix à payer pour un transport sûr sous forme de texte.

Cette même astuce est exploitée par les data URI, qui intègrent de petites images directement en HTML ou en CSS sous la forme data:image/png;base64,.... Cela évite une requête HTTP supplémentaire pour de minuscules ressources comme les icônes, ce qui peut accélérer le chargement des pages. Mais l'augmentation de taille d'environ 33 % et la perte de la mise en cache du navigateur rendent cette approche peu adaptée aux fichiers image volumineux.