Image en Base64

Image en Base64 est un outil gratuit qui convertit un fichier image en chaîne de texte encodée en Base64.

Qu'est-ce que le Base64 et à quoi sert-il ?

Pour l'image importée, le Base64 fournit un encodage de données binaires en texte, ce qui permet de les faire transiter par des systèmes principalement conçus pour le texte. Chaque groupe de trois octets de données source est représenté par quatre caractères imprimables issus d'un alphabet défini.

Ce procédé est utile lorsqu'un format ne peut pas transporter de fichier binaire séparé. Une image peut ainsi être intégrée dans une URL de données, une propriété JSON ou une partie MIME d'un e-mail, sans joindre ses octets d'origine sous leur forme binaire habituelle. La chaîne Base64 générée est encodée, et non chiffrée. Toute personne qui l'obtient peut la décoder. Elle n'assure donc ni confidentialité ni contrôle d'accès.

Un exemple très simple avec quelques octets de texte permet de comprendre le fonctionnement.

• Le texte d'entrée est <svg></svg>
• Le résultat en Base64 est PHN2Zz48L3N2Zz4=

La plupart des images contiennent des octets binaires plutôt qu'un balisage lisible. Leurs données d'entrée ne ressemblent donc pas à celles de cet exemple. Le principe reste identique pour les formats PNG, JPEG, GIF, WebP et les autres formats d'image.

Comment convertir une image en Base64 ?

Ajoutez l'image dans l'outil, lancez la conversion, puis copiez la valeur affichée dans le champ Encodé en Base64. L'outil applique la fonction base64_encode de PHP aux données de l'image.

1. Sélectionnez l'image à convertir en texte.
2. Attendez que la page traite le fichier et renvoie la valeur encodée.
3. Copiez la chaîne complète, sans oublier les éventuels signes égal à la fin.
4. Ajoutez la syntaxe nécessaire autour de la chaîne si le système de destination attend une URL de données, une valeur JSON ou un autre conteneur.

Le traitement s'effectue sur le serveur. Votre image est envoyée au serveur via HTTPS et n'est pas stockée. Puisque la conversion a lieu côté serveur, ne partez pas du principe que le fichier reste sur votre appareil pendant le traitement.

Comment utiliser la chaîne Base64 obtenue ?

Utilisez la chaîne en Base64 brut ou insérez-la dans la syntaxe demandée par le système destinataire. Le Base64 n'indique à lui seul ni le format de l'image, ni son nom de fichier, ni ses dimensions, ni l'usage prévu.

Dans une URL de données HTML ou CSS, la valeur encodée est généralement précédée d'un type de média et de l'indicateur Base64. Une URL de données PNG commence sous la forme data:image/png;base64,, immédiatement suivie de la chaîne. Pour un fichier JPEG, utilisez image/jpeg. Pour un SVG, le type courant est image/svg+xml. Un type de média incorrect peut empêcher un logiciel d'afficher une image pourtant valide.

Dans un document JSON, le Base64 est généralement enregistré sous forme de chaîne entre guillemets, souvent avec un champ distinct indiquant le type de média. N'ajoutez pas de préfixe d'URL de données lorsqu'une API demande explicitement du Base64 brut. Consultez sa documentation avant d'utiliser la valeur renvoyée par l'outil, car ces deux types d'entrée ne sont pas interchangeables.

Où rencontre-t-on le Base64 en pratique ?

Le Base64 est couramment utilisé lorsque des données binaires doivent transiter par un format ou un protocole textuel. Voici quelques cas fréquents :

• Les URL de données intégrées dans du HTML, du CSS ou des documents générés.
• Les charges utiles JSON envoyées à des API qui acceptent le contenu d'une image dans une propriété textuelle.
• Les e-mails, dans lesquels MIME peut encoder les pièces jointes et les images intégrées en Base64.
• Les chaînes de requête, même si les caractères du Base64 standard peuvent aussi nécessiter un encodage d'URL.
• Les fichiers de configuration et les documents XML qui ne peuvent pas contenir directement n'importe quels octets binaires.

Les noms de domaine internationalisés constituent un autre exemple de données converties vers un jeu de caractères restreint, mais ils utilisent le Punycode et non le Base64. Pour les valeurs insérées dans une URL, un Encodeur d'URL peut aussi être nécessaire, car le Base64 standard peut contenir des signes plus, des barres obliques et des signes égal.

Pourquoi le décodage Base64 échoue-t-il ou donne-t-il un résultat illisible ?

Le décodage peut échouer si l'entrée contient un préfixe copié avec la chaîne, si elle est altérée ou tronquée, ou si son format Base64 ne correspond pas à celui attendu par le décodeur. Un résultat illisible signifie souvent que des données binaires d'image valides ont été décodées, puis affichées à tort comme du texte ordinaire.

• Un préfixe copié peut provoquer une erreur si le décodeur attend uniquement du Base64. Supprimez tout texte tel que data:image/png;base64, avant d'utiliser un décodeur de Base64 brut.
• Une entrée altérée ou tronquée peut produire une image incomplète que les visionneuses ne pourront pas ouvrir.
• Un double encodage produit une nouvelle chaîne Base64 après le premier décodage. Un second décodage peut être nécessaire si la source avait encodé une valeur déjà encodée.
• Un alphabet incorrect peut provoquer une erreur si le décodeur attend une autre variante. Base64url utilise des traits d'union et des tirets bas là où le Base64 standard emploie des signes plus et des barres obliques.
• Un remplissage manquant peut poser problème aux décodeurs stricts. Le Base64 standard peut se terminer par un ou deux signes égal, même si certains systèmes les omettent volontairement.

Si le résultat décodé est binaire, enregistrez-le avec le bon type d'image au lieu de l'ouvrir dans un éditeur de texte. Le Décodeur Base64 ou l'outil Base64 en image peuvent servir à effectuer l'opération inverse, à condition que la chaîne soit complète et respecte le format attendu.

Choix du format et entrées difficiles à traiter

Le Base64 standard convient aux e-mails, aux URL de données et aux systèmes qui le demandent explicitement. Pour les chemins d'URL, les paramètres de requête et les jetons, utilisez la variante exigée par le système destinataire. Base64url peut convenir si ses spécifications le prévoient. Cet outil utilise l'opération base64_encode standard de PHP. Ne supposez donc pas que son résultat est au format Base64url.

L'outil encode les octets de l'image importée. Les espaces, les signes de ponctuation, les nombres, les caractères accentués et les textes non latins présents dans un SVG ou dans les métadonnées d'une image sont encodés avec ces octets. Un nom de fichier contenant de tels caractères est distinct du contenu du fichier et n'est pas représenté automatiquement par le Base64.

Dans PHP, base64_encode renvoie une valeur vide pour une chaîne d'octets vide. Les fichiers longs produisent de longues chaînes, et le Base64 ajoute environ un tiers au nombre d'octets d'origine, avant même d'inclure la syntaxe JSON ou celle d'une URL de données. Il ne compresse pas l'image, n'améliore pas sa qualité et ne modifie pas ses dimensions en pixels.

Questions fréquentes

Peut-on insérer directement une image Base64 dans du CSS ?

Oui. Les propriétés CSS qui acceptent des URL d'image peuvent utiliser une URL de données correctement formée. Cette méthode convient bien aux petites ressources autonomes. En revanche, les images intégrées plus volumineuses augmentent la taille de la feuille de style et ne peuvent pas être mises en cache séparément du fichier CSS.

Pourquoi ma chaîne Base64 contient-elle des sauts de ligne ?

Cet outil renvoie une valeur continue, car la fonction base64_encode de PHP n'insère aucun saut de ligne. Leur présence indique qu'ils ont été ajoutés lors d'une copie ou d'un traitement ultérieur. De nombreux décodeurs ignorent les espaces, mais les API strictes peuvent les refuser. Utilisez donc une chaîne continue lorsque les spécifications du système destinataire l'exigent.

Renommer une image modifie-t-il sa valeur Base64 ?

Le Base64 représente les octets du fichier, et non son nom. Renommer un fichier sans le modifier ne change donc pas son encodage. En revanche, modifier les métadonnées, réenregistrer l'image ou la convertir dans un autre format change les octets et produit une chaîne différente.

Le Base64 peut-il protéger une image privée ?

Non. Le Base64 peut être inversé sans mot de passe ni clé secrète. Pour les contenus confidentiels, utilisez un chiffrement, une authentification et des contrôles d'accès adaptés. N'oubliez pas non plus que cet outil envoie l'image à son serveur via HTTPS afin de la traiter.

Comment vérifier que la conversion a fonctionné ?

Décodez la chaîne complète, puis ouvrez le résultat dans une visionneuse d'images compatible avec le format d'origine. Vérifiez que les dimensions et le contenu visible correspondent à la source. Conservez les éventuels caractères de remplissage à la fin, sauf si le système destinataire exige explicitement leur suppression.