Convertisseur Base64 en image
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
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]

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 ?
| Format d’image | Signature | Type MIME | Extension |
|---|---|---|---|
| PNG | 89 50 4E 47 | image/png | .png |
| JPG | FF D8 | image/jpeg | .jpg |
| WebP | RIFF + WEBP | image/webp | .webp |
| GIF | GIF87a / GIF89a | image/gif | .gif |
| AVIF | ftypavif | image/avif | .avif |
| BMP | BM | image/bmp | .bmp |
| SVG | <svg / <?xml | image/svg+xml | .svg |
| ICO | 00 00 01 00 | image/x-icon | .ico |
Combien de caractères occupe une image en Base64 ?
| Image | Dimensions en pixels | Taille du fichier en octets | Caractères de la chaîne Base64 |
|---|---|---|---|
| Icône de site en PNG | 32 × 32 | 2 678 | 3 572 |
| Visuel de page en WebP | 800 × 600 | 104 128 | 138 840 |
| Photo d’article en JPG | 1200 × 630 | 157 419 | 209 892 |
| Photo de bannière en JPG | 1920 × 1280 | 476 485 | 635 316 |
| Logo à fond transparent en PNG | 512 × 512 | 577 420 | 769 896 |
| Photo d’appareil en JPG | 3840 × 2560 | 1 405 512 | 1 874 016 |
En quoi les deux alphabets Base64 diffèrent-ils ?
| Élément de l’encodage | Alphabet standard | Alphabet pour adresses et noms de fichiers |
|---|---|---|
| Caractère numéro 62 | le plus | le trait d’union |
| Caractère numéro 63 | la barre oblique | le tiret bas |
| Caractère de remplissage | le signe égal | le signe égal, souvent omis dans les jetons |
| Où vous le croisez | data URI, code de la page, pièces jointes du courriel | paramètres d’adresse, jetons JWT, noms de fichiers |
| Que faire d’une telle chaîne | la coller dans le champ et appuyer sur Décoder | remplacer chaque trait d’union par un plus et chaque tiret bas par une barre oblique, puis appuyer sur Décoder |
Où trouver une chaîne Base64 à coller ?
Quatre endroits où l’image est rangée sous forme de texte, avec la partie à sélectionner.
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 fragmentdata:image. Sélectionnez-le avec toute la chaîne qui suit, jusqu’au guillemet fermant l’attributsrc.La feuille de style la range dans la propriété background-image
Une image de fond s’écrit souventbackground-image: url("data:image/png;base64,…"). Collez dans le champ la seule adresse, c’est-à-dire la partie allant du motdataau guillemet fermant, en laissant de côté leurl(du début et la parenthèse de la fin.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êteContent-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.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.
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.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.Le fichier décodé s’est révélé être l’icône du site
L’extension.icosignifie 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.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
- RFC 4648: The Base16, Base32, and Base64 Data Encodings — IETF
- Base64 — Wikipédia
- RFC 2397: The "data" URL scheme — IETF
- URL de données (data:) — MDN Web Docs
- Infra Standard, forgiving base64 decode — WHATWG
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.

Aidez-nous à améliorer nos outils
Une idée, un bug ou une suggestion ? Envoyez-nous un message – nous répondons sous 24 heures.







