Convertisseur Base64 en image

Dernière révision du contenu :

Vous collez une chaîne Base64, vous cliquez sur Décoder et vous téléchargez le fichier image. Le convertisseur reconnaît huit formats, et le résultat est identique octet pour octet au fichier encodé à l’origine. La forme texte, elle, occupe un tiers de plus.

Aperçu de l’image

Collez du Base64 et cliquez sur Décoder pour voir l’aperçu

vers

Qu’est-ce que le Base64 et qu’est-ce qu’une data URI ?

Le Base64 écrit des données binaires, donc aussi un fichier image terminé, sous la forme d’une chaîne de caractères de texte ordinaires. La conversion avance par groupes de trois octets. Un octet compte huit bits, tandis qu’un seul caractère Base64 en porte six. Trois octets du fichier tiennent donc dans exactement quatre caractères de texte. L’alphabet compte 64 positions : les majuscules de A à Z, les minuscules de a à z, les chiffres de 0 à 9, le plus et la barre oblique. Lorsque les données manquent en fin de parcours pour compléter un groupe de quatre, le signe égal occupe les places libres.[1]

Tableau des soixante-quatre caractères Base64 numérotés de 0 à 63
Tout l’alphabet Base64 sur une seule image. Le nombre à gauche de chaque paire est la valeur de six bits, et le caractère à côté montre comment cette valeur s’écrit en texte. Aux deux dernières positions, 62 et 63, se trouvent le plus et la barre oblique. Graphique : Arteon, réalisation propre.

Les pièces jointes du courriel sont transportées ainsi, et une image entre de la même manière directement dans le code d’une page, sans fichier séparé sur le serveur.[2]

La chaîne seule ne dit pas encore ce qu’elle représente. C’est le rôle de la data URI, une adresse dont la structure est décrite par le document RFC 2397 d’août 1998. Elle s’écrit data:[type][;base64],données. Pour une image PNG, le début ressemble à ceci : data:image/png;base64, — et la chaîne proprement dite suit la virgule. Lorsque le type est omis, le destinataire considère qu’il a reçu du texte ordinaire.[3]

Les navigateurs bloquent aujourd’hui l’ouverture des adresses data: dans la fenêtre principale, car des pages d’hameçonnage circulaient par ce biais.[4] Une image inscrite dans une telle adresse se regarde donc dans le code qui la contient, ou dans un outil qui sait lire cette adresse. Collez la chaîne dans le champ ci-dessus et appuyez sur le bouton Décoder.

Comment convertir du Base64 en image ?

Collez la chaîne dans le champ Base64 à gauche et appuyez sur le bouton Décoder. L’image apparaît dans la carte Aperçu de l’image, et le bouton Télécharger placé en dessous enregistre le fichier sur le disque sous le nom image-decodee. Le bouton Tout effacer vide le champ et l’aperçu en même temps.

Le préfixe data:image/png;base64, peut être collé avec la chaîne ou rester dans le code d’où vous copiez. Sans préfixe, le convertisseur lit les dix-huit premiers octets des données et reconnaît le format à la signature du fichier lui-même. De cette lecture dépend l’extension du fichier téléchargé : une image BMP est enregistrée sous image-decodee.bmp, et une icône de site sous image-decodee.ico.

Une chaîne copiée depuis la source d’un courriel arrive le plus souvent coupée tous les 76 caractères, et le convertisseur la lit exactement sous cette forme. La norme selon laquelle les navigateurs lisent le Base64 impose de retirer d’abord des données tous les caractères d’espacement, donc aussi les espaces et les fins de ligne.[5] Une chaîne collée sur une douzaine de lignes donne la même image qu’une chaîne collée sur une seule.

Tout le travail se fait sur votre ordinateur. La chaîne reste dans la mémoire de l’onglet ouvert, le fichier naît sur votre appareil, et une fois la page fermée les deux quittent la mémoire du navigateur.

Au-dessus des champs se trouve un sélecteur de formats portant la mention Base64 vers JPG. Un clic sur l’un des deux formats ouvre une liste, et le choix que vous y faites vous mène à la page du convertisseur de cette paire. Le sens inverse, écrire un fichier terminé sous forme de chaîne de caractères, revient au convertisseur d’image en Base64.

Pourquoi une chaîne Base64 est-elle plus longue que le fichier ?

La forme texte demande quatre caractères pour trois octets, la chaîne occupe donc plus de place que les données qu’elle décrit. Le calcul tient en une ligne : vous divisez le nombre d’octets par trois, vous arrondissez au supérieur et vous multipliez par quatre.

Deux nombres sortent de cette formule et donnent l’ordre de grandeur. Une icône de site pèse 2 678 octets et donne 3 572 caractères une fois encodée. Une photo de 1920 sur 1280 pixels pèse 476 485 octets, et sa forme texte compte 635 316 caractères. L’augmentation atteint chaque fois environ un tiers, soit à peu près 33 pour cent.[2] La feuille de style ou le modèle de message dans lequel une telle image est collée grossit exactement d’autant.

Le Base64 transporte les données et n’y change rien. Après décodage, vous obtenez un fichier identique octet pour octet à celui qui avait été encodé. Nous l’avons vérifié sur huit fichiers de formats différents, en comparant leurs sommes de contrôle avant l’encodage et après la relecture.

La longueur de la chaîne est bornée par le navigateur lui-même. Chromium et Firefox acceptent aujourd’hui des adresses data: jusqu’à 512 Mo, et Safari jusqu’à 2048 Mo. Dans Firefox, cette limite a bougé deux fois. La version 97 l’a portée de 256 Ko à 32 Mo. La version 136 l’a amenée aux 512 Mo actuels.[4]

Quels formats le convertisseur reconnaît-il ?

La signature, ce sont les premiers octets d’un fichier, ceux qui permettent d’en reconnaître le format, et le type MIME est le nom que le convertisseur inscrit dans la data URI. Le convertisseur lit dix-huit de ces octets et nomme l’image d’après eux dès que la chaîne ne porte aucun préfixe data URI. En WebP, la marque WEBP se trouve quatre octets après RIFF, et le fichier téléchargé est enregistré sous le nom image-decodee avec l’extension de la dernière colonne.
Format d’imageSignatureType MIMEExtension
PNG89 50 4E 47image/png.png
JPGFF D8image/jpeg.jpg
WebPRIFF + WEBPimage/webp.webp
GIFGIF87a / GIF89aimage/gif.gif
AVIFftypavifimage/avif.avif
BMPBMimage/bmp.bmp
SVG<svg / <?xmlimage/svg+xml.svg
ICO00 00 01 00image/x-icon.ico
Les huit formats ont été vérifiés le 4 septembre 2026 dans un navigateur bâti sur le moteur Chromium, sous les deux formes de la chaîne : avec le préfixe et sans lui. L’aperçu apparaît dans les deux cas, et le fichier téléchargé reçoit l’extension de la dernière colonne.

Combien de caractères occupe une image en Base64 ?

Six tailles qui se retrouvent réellement dans le code des pages. Toutes proviennent d’une même photo, pour que la comparaison porte sur la seule taille du fichier, quel que soit le contenu de l’image.
ImageDimensions en pixelsTaille du fichier en octetsCaractères de la chaîne Base64
Icône de site en PNG32 × 322 6783 572
Visuel de page en WebP800 × 600104 128138 840
Photo d’article en JPG1200 × 630157 419209 892
Photo de bannière en JPG1920 × 1280476 485635 316
Logo à fond transparent en PNG512 × 512577 420769 896
Photo d’appareil en JPG3840 × 25601 405 5121 874 016
Le nombre de caractères se calcule par la formule : les octets divisés par trois, arrondis au supérieur et multipliés par quatre.[1] Le préfixe data URI ajoute encore de 22 caractères pour le type image/png à 26 caractères pour image/svg+xml.

En quoi les deux alphabets Base64 diffèrent-ils ?

Un même document décrit deux jeux de caractères. Le premier va dans les data URI et dans le courriel, le second dans les endroits où le plus et la barre oblique portent un sens qui leur est propre.
Élément de l’encodageAlphabet standardAlphabet pour adresses et noms de fichiers
Caractère numéro 62le plusle trait d’union
Caractère numéro 63la barre obliquele tiret bas
Caractère de remplissagele signe égalle signe égal, souvent omis dans les jetons
Où vous le croisezdata URI, code de la page, pièces jointes du courrielparamètres d’adresse, jetons JWT, noms de fichiers
Que faire d’une telle chaînela coller dans le champ et appuyer sur Décoderremplacer chaque trait d’union par un plus et chaque tiret bas par une barre oblique, puis appuyer sur Décoder
Les deux jeux de caractères figurent dans le RFC 4648 : le standard à la section 4, celui destiné aux adresses à la section 5.[1]

Où trouver une chaîne Base64 à coller ?

Quatre endroits où l’image est rangée sous forme de texte, avec la partie à sélectionner.

  1. Le code source de la page garde la chaîne dans l’attribut src

    Ouvrez la page et appuyez sur Ctrl+U, ou Cmd+Option+U sur un Mac. Dans la fenêtre du code, cherchez le fragment data:image. Sélectionnez-le avec toute la chaîne qui suit, jusqu’au guillemet fermant l’attribut src.
  2. La feuille de style la range dans la propriété background-image

    Une image de fond s’écrit souvent background-image: url("data:image/png;base64,…"). Collez dans le champ la seule adresse, c’est-à-dire la partie allant du mot data au guillemet fermant, en laissant de côté le url( du début et la parenthèse de la fin.
  3. Un courriel la porte dans sa source

    L’affichage de la source d’un message montre les images intégrées au corps. Elles sont précédées de l’en-tête Content-Transfer-Encoding: base64, et la chaîne elle-même commence après une ligne vide et se trouve coupée tous les 76 caractères. Copiez-la en entier, avec ces coupures.
  4. Une réponse d’API la livre comme valeur de champ

    Le JSON ne transporte que du texte, aussi les services qui renvoient une image la renvoient en Base64, comme valeur d’un seul champ. Copiez le contenu de ce champ sans les guillemets qui l’entourent.

Que faire de l’image une fois décodée ?

Le fichier téléchargé est une image ordinaire et entre dans n’importe quel autre outil.

  1. L’image reçoit de nouvelles dimensions

    Un fichier tiré du code porte les dimensions que quelqu’un a choisies pour cette page-là. Vous lui en donnez d’autres dans l’éditeur d’images, où vous recadrez et indiquez la largeur voulue.
  2. Le fichier part sur un site web

    Un PNG tiré d’une feuille de style pèse en général plus que ce dont une page a besoin aujourd’hui. Un fichier plus léger, transparence conservée, sort du convertisseur PNG en WebP.
  3. Le fichier décodé s’est révélé être l’icône du site

    L’extension .ico signifie que le fichier décodé est l’icône d’un site. Les autres tailles de l’icône, accompagnées des balises prêtes à coller dans le code, viennent du générateur de favicon.
  4. Le sens inverse

    Votre propre image devient une chaîne prête à coller dans le code grâce au convertisseur d’image en Base64. C’est la même paire d’outils, prise à l’envers.

Convertir d’autres fichiers en JPG

Sources

  1. RFC 4648: The Base16, Base32, and Base64 Data EncodingsIETF
  2. Base64Wikipédia
  3. RFC 2397: The "data" URL schemeIETF
  4. URL de données (data:)MDN Web Docs
  5. Infra Standard, forgiving base64 decodeWHATWG

Les tailles de fichier des tableaux ont été mesurées en faisant passer des images réelles par ce convertisseur dans un navigateur, et nous les indiquons telles que l'outil les compte. Ce que la page indique sur les deux formats repose sur les sources citées ci-dessus.

Dernière révision du contenu : · rédigé et vérifié par l'équipe Arteon

Questions fréquentes sur la conversion du Base64 en image

Que faire si la chaîne n’a pas le préfixe data:image/… ?

Collez la chaîne seule et appuyez sur Décoder. Le convertisseur lit les dix-huit premiers octets des données, y reconnaît le format et ajoute lui-même le préfixe manquant avant de dessiner l’aperçu.

La chaîne collée part-elle vers un serveur ?

Tout le travail se fait dans votre navigateur. La chaîne reste dans la mémoire de l’onglet depuis le collage jusqu’à la fermeture de la page, et le fichier que vous téléchargez naît sur votre propre appareil.

Le décodage change-t-il la qualité de l’image ?

Le fichier décodé est identique octet pour octet à celui qui a été encodé. Le Base64 transporte les données sous une autre forme et ne leur retire rien, la qualité dépend donc du seul original.

Ma chaîne comporte des traits d’union et des tirets bas à la place du plus et de la barre oblique. Que faire ?

C’est l’alphabet destiné aux adresses et aux noms de fichiers, décrit à la section 5 du RFC 4648. Remplacez dans votre éditeur chaque trait d’union par un plus et chaque tiret bas par une barre oblique, collez le résultat dans le champ et appuyez sur Décoder.

Quelle longueur de chaîne le navigateur accepte-t-il ?

Chromium et Firefox traitent aujourd’hui des adresses data: jusqu’à 512 Mo, et Safari jusqu’à 2048 Mo. Une photo d’appareil donne une fois encodée une chaîne de moins de deux millions de caractères, soit moins de 2 Mo de texte : elle tient dans ces limites avec une très large marge.

Pourquoi une chaîne collée dans la barre d’adresse n’affiche-t-elle aucune image ?

Les navigateurs bloquent l’ouverture des adresses data: dans la fenêtre principale, car des pages d’hameçonnage étaient diffusées ainsi. L’image d’une telle adresse se voit dans le code qui la contient, ou dans ce convertisseur.

Le convertisseur ouvre-t-il une adresse écrite avec des pourcentages, sans Base64 ?

Oui. Une adresse de la forme data:image/svg+xml,%3Csvg… se colle comme n’importe quelle autre, et le fichier téléchargé reçoit l’extension .svg. Les outils de compilation emploient cette écriture lorsqu’ils placent un graphique vectoriel directement dans le code.

Comment transformer ma propre image en chaîne Base64 ?

Ce sens revient au convertisseur d’image en Base64. Vous y déposez un fichier et l’outil vous rend une data URI prête à coller dans le code.

Capture d'écran de l'outil gratuit d'Arteon: Convertisseur Base64 en image

Aidez-nous à améliorer nos outils

Une idée, un bug ou une suggestion ? Envoyez-nous un message – nous répondons sous 24 heures.

Découvrez d’autres outils utiles

JPG en WebP

JPG en WebP

Convertissez vos photos JPG en WebP léger. Réduisez le poids des images jusqu'à 35%.

Éditeur d'images en ligne

Éditeur d'images en ligne

Redimensionnez, recadrez et convertissez votre image. Formats prêts pour les réseaux sociaux, avatars circulaires, export JPG/PNG/WebP.

Vérificateur de méta titre et description

Vérificateur de méta titre et description

Vérifiez la longueur du titre et de la description en pixels. Aperçu Google en direct et conseils d'optimisation.

PNG en JPG

PNG en JPG

Convertissez vos fichiers PNG en JPG dans le navigateur. Sans limite, sans inscription.

Générateur de favicon

Générateur de favicon

Créez un jeu complet de favicon.ico pour votre site web à partir d'une image. Toutes les tailles requises, sans inscription.

Générateur de palettes de couleurs

Générateur de palettes de couleurs

Générez 9 palettes à partir d'une couleur : monochromatique, complémentaire, triadique et plus. Codes HEX.

WebP en JPG

WebP en JPG

Convertissez vos fichiers WebP en JPG universel. Compatible avec tous les logiciels.

Vérificateur de contraste des couleurs

Vérificateur de contraste des couleurs

Vérifiez le contraste texte et arrière-plan selon WCAG 2.1 AA et AAA. Correction automatique des couleurs.

Générateur de codes QR gratuit

Générateur de codes QR gratuit

Créez un code QR pour site web, carte vCard ou impression. Export PNG et SVG, sans inscription.

Compteur de mots et caractères

Compteur de mots et caractères

Comptez les mots, caractères, phrases et temps de lecture. Vérifiez la lisibilité avec le score Flesch-Kincaid.