Skip to content

Convertisseur image en Base64

Dans le navigateur uniquement Image jamais envoyée 8 formats de sortie
Déposez une image ici, ou cliquez pour téléverserPNG, JPG, GIF, SVG, WebP, BMP, ICO, AVIF — jusqu'à 20 MoPNG, JPG, GIF, SVG, WebP, BMP, ICO, AVIF · max 20 Mo

Votre sortie Base64 apparaîtra ici.
Outils associés Voir tout

Aperçu

Convertissez n'importe quelle image en Base64 dans votre navigateur

Téléversez une image et obtenez instantanément une URI de données Base64 — huit formats prêts à coller : HTML, CSS, Markdown et JSON. Tout le traitement s'effectue dans votre navigateur.

  • Glisser-déposer ou cliquer pour téléverser
  • PNG, JPG, GIF, SVG, WebP, BMP, ICO, AVIF
  • Huit formats de sortie prêts à coller
  • Copie en un clic pour chaque format
  • Fonctionne entièrement dans le navigateur
  • Votre image est lue localement via l'API FileReader
  • Rien n'est envoyé à un serveur
  • L'encodage Base64 s'exécute en JavaScript sur votre appareil
  • Les fichiers ne quittent jamais votre navigateur
  • Aucune copie n'est conservée après la fermeture de l'onglet
  • Intégrer une petite icône directement en CSS pour économiser une requête HTTP
  • Insérer une image dans un e-mail HTML qui bloque les fichiers externes
  • Coller un logo dans un prototype HTML en fichier unique
  • Stocker une image dans une configuration JSON ou une charge utile d'API
  • Ajouter un lien favicon Base64 dans l'en-tête d'une page

Étape par étape

Comment convertir une image en Base64

  1. 1
    Téléversez votre image

    Glissez-déposez un fichier image sur la zone de téléversement, ou cliquez pour parcourir vos fichiers. Formats pris en charge : PNG, JPG, GIF, SVG, WebP, BMP, ICO, AVIF (max 20 Mo).

  2. 2
    Aperçu et vérification

    Votre image s'affiche en miniature pour confirmer qu'il s'agit du bon fichier. Le nom, le format et la taille du fichier sont affichés à côté de l'aperçu.

  3. 3
    Choisissez votre format de sortie

    L'outil génère votre chaîne Base64 en huit formats prêts à l'emploi. Cliquez sur l'onglet du format souhaité — URI de données, HTML <img>, CSS background-image, Markdown, JSON, JavaScript ou favicon <link>.

  4. 4
    Copiez dans le presse-papiers

    Cliquez sur le bouton de copie à côté du format choisi. Une confirmation "Copié !" apparaît pour confirmer que le texte est dans votre presse-papiers.

  5. 5
    Collez dans votre projet

    Collez la chaîne Base64 directement dans votre HTML, CSS, Markdown ou JavaScript. Aucun fichier image externe n'est nécessaire.

Formats de sortie

Huit formats, un clic chacun

Format Description Example
Base64 brut Chaîne Base64 brute sans préfixe. iVBORw0KGgo…
URI de données URI de données complète prête à utiliser partout où une URL est acceptée. data:image/png;base64,iVBORw0KGgo…
HTML <img> Balise <img> prête à coller avec l'URI de données comme src. <img src="data:image/png;base64,…" alt="photo">
CSS background Valeur de propriété CSS background-image prête à coller. background-image: url("data:image/png;base64,…");
Image Markdown Raccourci d'image Markdown utilisant l'URI de données. ![photo](data:image/png;base64,…)
Objet JSON Objet JSON avec les clés mime et base64. { "mime": "image/png", "base64": "…" }
JS new Image() Extrait JavaScript créant un élément Image avec la source encodée. const img = new Image(); img.src = "data:…";
Favicon <link> Balise HTML <link> pour intégrer un favicon Base64 directement dans le <head>. <link rel="icon" type="image/png" href="data:…">

Questions fréquentes

Mon image est-elle envoyée à un serveur ?
Non. Tout se passe entièrement dans votre navigateur. Votre fichier image est lu localement via l'API FileReader, encodé en Base64 en JavaScript et ne quitte jamais votre appareil.
Quels formats d'image sont pris en charge ?
PNG, JPG/JPEG, GIF, SVG, WebP, BMP, ICO et AVIF. Si vous essayez de téléverser un format absent de cette liste (TIFF, PSD ou RAW), l'outil affichera un message d'erreur listant les formats acceptés.
Pourquoi la chaîne Base64 est-elle plus grande que mon image originale ?
L'encodage Base64 représente des données binaires en n'utilisant que 64 caractères ASCII imprimables, ce qui augmente la taille des données d'environ 33 %. Une image de 1 Mo devient environ 1,33 Mo en Base64 — c'est inhérent à l'algorithme Base64 (RFC 4648).
Quand utiliser Base64 plutôt qu'un fichier image classique ?
Base64 est utile lorsque vous avez besoin d'un fichier autonome — e-mails HTML, prototypes en fichier unique ou petites icônes intégrées en CSS. Pour les grandes images, une URL de fichier est généralement préférable car Base64 augmente la taille et ne peut pas être mis en cache séparément.
Comment fonctionne cet outil ?
Lorsque vous téléversez une image, le navigateur la lit en mémoire via l'API FileReader. Les octets binaires sont convertis en chaîne Base64 selon l'algorithme standard (RFC 4648), puis encapsulés dans une URI de données (RFC 2397) que les navigateurs reconnaissent comme source d'image intégrée.
Quelle est la taille maximale de fichier ?
L'outil accepte des fichiers jusqu'à 20 Mo. Cette limite est fixée car encoder un fichier de 20 Mo produit une chaîne Base64 d'environ 27 Mo, ce qui peut solliciter la mémoire du navigateur sur les appareils bas de gamme.
Puis-je encoder plusieurs images à la fois ?
L'outil encode actuellement une image à la fois. L'encodage par lot est une fonctionnalité future prévue. Pour l'instant, vous pouvez encoder les images les unes après les autres.
L'outil fonctionne-t-il hors ligne ?
Oui. Une fois la page chargée, l'encodage ne nécessite aucune connexion réseau. Tout s'exécute localement dans votre navigateur.