Passer au contenu principal

Convertisseur image vers Base64 en ligne gratuit

Convertissez vos images en chaîne Base64 ou en data URI en ligne. Copiez directement pour HTML, CSS, JSON ou des requêtes API, avec un encodage 100 % privé sur votre appareil.

100 % privé. Rien n'est envoyé en ligne.

L'image est lue et encodée dans votre navigateur, jamais téléverséeAffiche la taille du fichier et la taille en Base64 côte à côteURI de données complète et Base64 brut dans des champs séparés, chacun avec son bouton Copier

Convertir une image en Base64 en 3 étapes

  1. Téléchargez votre image

    Déposez un fichier JPG, PNG, WebP, GIF ou SVG dans la zone, ou cliquez pour en choisir un. Le fichier est lu sur votre appareil.

  2. Copiez le résultat

    Vous obtenez l'URL de données complète (data:image/…;base64,…) et la chaîne Base64 brute, ainsi que la taille du fichier et celle du Base64. Cliquez sur Copier à côté de celle dont vous avez besoin.

  3. Collez-la dans votre code

    Utilisez l'URL de données dans un src de balise img HTML ou un url() CSS. Utilisez la chaîne Base64 brute pour les corps JSON et les appels d'API.

Fonctionnalités clés

  • Copie en un clic
  • Fichiers conservés sur votre appareil
  • URI de données et Base64 brut
  • JPG, PNG, WebP, GIF, SVG
  • Gratuit, sans compte

Quand utiliser des images encodées en Base64

CSS et style

  • Intégrer de petites icônes en CSS sous forme d'URI de données background-image
  • Intégrer un indicateur de chargement ou une image temporaire dans une feuille de style
  • Livrer les icônes d'interface d'une bibliothèque de composants directement dans son CSS
  • Ajouter un motif ou une texture SVG sans fichier séparé

HTML et documents

  • Intégrer une image directement dans un src de balise img HTML sous forme d'URI de données
  • Créer des pages HTML autonomes fonctionnant sans aucun fichier externe
  • Ajouter des logos ou graphiques à des rapports HTML partagés en un seul fichier
  • Afficher des images de test dans des démos et prototypes sans les héberger

API et code

  • Envoyer des images dans des payloads JSON attendant du texte Base64
  • Joindre des images aux requêtes d'API de vision IA acceptant une entrée Base64
  • Stocker de petites images dans les champs texte d'une base de données ou d'un fichier de configuration
  • Charger une image de test en JavaScript sans requête de fichier séparée

Qu'est-ce que l'encodage Base64 d'une image ?

L'encodage Base64 transforme les octets d'un fichier image en texte brut composé de 64 caractères : A–Z, a–z, 0–9, + et /. Ce texte peut être intégré dans du HTML, du CSS ou du JSON, contrairement à un fichier. Ce n'est ni une compression ni un changement de format. L'image reste strictement identique, mais le texte obtenu est environ un tiers plus volumineux que le fichier d'origine.

Image en Base64 pour HTML, CSS et API

Le convertisseur vous fournit deux chaînes : l'URL de données complète et la chaîne Base64 brute. Voici où utiliser chacune d'elles, et quand il est pertinent d'intégrer une image directement.

Comment utiliser une image Base64 en HTML ou CSS ?

Copiez l'URL de données complète pour le HTML et le CSS. Copiez uniquement la chaîne Base64 pour le JSON et la plupart des API.

  • HTML : collez l'URL de données complète dans l'attribut src d'une balise img, comme src="data:image/png;base64,iVBOR…".
  • CSS : intégrez l'URL de données complète dans url(), comme background-image: url("data:image/png;base64,iVBOR…").
  • JSON et API : envoyez uniquement la chaîne Base64. Si l'API demande le type, indiquez-le dans son propre champ, par exemple image/png.

Quand utiliser des images Base64 ?

Utilisez le Base64 pour les petites images qui doivent voyager à l'intérieur d'un fichier texte. Évitez-le pour les photos et les images volumineuses.

  • Adapté : icônes, logos et images temporaires de quelques Ko, lorsque économiser une requête de fichier séparée a de l'importance.
  • Adapté : pages HTML, rapports et démos autonomes qui doivent fonctionner sans aucun fichier externe.
  • Adapté : API et payloads JSON qui n'acceptent que du texte.
  • Peu adapté : photos et images volumineuses. Elles alourdissent le HTML ou le CSS, et le navigateur ne peut pas les mettre en cache indépendamment de la page.

De combien le Base64 alourdit-il une image ?

Le Base64 transforme chaque groupe de 3 octets en 4 caractères, ce qui rend le texte environ 33 % plus volumineux que le fichier. Une image de 30 Ko devient environ 40 Ko en Base64. Après la conversion, l'outil affiche les deux tailles côte à côte. Pour garder une chaîne courte, réduisez d'abord le fichier avec le compresseur d'images.

Les images Base64 fonctionnent-elles dans les e-mails ?

Pas de façon fiable. Gmail est connu pour supprimer les images Base64 du corps du message, et la prise en charge varie selon les clients de messagerie. Pour l'e-mail, privilégiez un lien vers une image hébergée ou une pièce jointe intégrée (CID).

Outils de développement associés

Des outils pour préparer une image avant de l'encoder.

FAQ sur la conversion image en Base64

Questions fréquentes sur la conversion d'images en Base64 et en URI de données

Puis-je reconvertir du Base64 en image ?

Oui. Collez la chaîne dans le convertisseur Base64 vers image pour la prévisualiser et la télécharger sous forme de fichier. Il accepte aussi bien une URI de données complète qu'une chaîne Base64 brute.

Quelle est la différence entre une URI de données et une chaîne Base64 ?

Une URI de données (ou data URL) est une chaîne Base64 précédée d'un préfixe indiquant le type de fichier, comme data:image/png;base64, suivi de la chaîne. Une chaîne Base64 brute n'a pas de préfixe. Utilisez l'URI de données en HTML et CSS. Utilisez la chaîne brute pour les API qui indiquent le type dans un champ séparé. L'outil les affiche sous les noms URL de données complète et Chaîne Base64 seule, chacune avec son propre bouton Copier.

Y a-t-il une limite de taille pour les images Base64 ?

Le convertisseur n'impose aucune limite de taille. Les images volumineuses produisent néanmoins des chaînes très longues, qui ralentissent les éditeurs de code et les pages qui les chargent. Limitez les images intégrées à quelques Ko et préférez un lien pour les fichiers plus lourds.

Puis-je convertir un SVG en Base64 ?

Oui. Déposez un fichier SVG et vous obtenez une URI de données commençant par data:image/svg+xml;base64. Elle fonctionne dans une balise img et dans un url() CSS. Pour le CSS, un SVG encodé en URL est souvent plus court que le Base64, car le SVG est déjà du texte.

Puis-je copier ou télécharger la chaîne Base64 ?

Vous pouvez la copier. L'URL de données complète et la chaîne Base64 seule disposent chacune d'un bouton Copier. Il n'y a pas de bouton de téléchargement : pour enregistrer le résultat, collez-le dans un fichier texte. Cliquez sur Afficher la chaîne complète pour voir toute l'URL de données sur la page.

Quels formats d'image puis-je convertir en Base64 ?

Tout fichier que votre navigateur reconnaît comme une image, y compris JPG, PNG, WebP, GIF, SVG, AVIF, BMP et ICO. L'encodeur conserve le fichier exactement tel quel : il ne le redimensionne pas, ne le recompresse pas et ne change pas son format. Si rien ne se passe après avoir déposé un fichier, votre navigateur ne l'a pas reconnu comme une image.

Vous avez encore des questions ? Contactez notre équipe d’assistance.