Image vers Base64
Convertissez des images PNG, JPG, WebP ou GIF en data URI Base64, chaîne Base64, balise img HTML ou fond CSS. Idéal pour intégrer de petites icônes
Déposez votre fichier image ici
ou cliquez pour parcourir
Transformez un PNG, un JPG, un WebP, un GIF ou un SVG en Base64 et récupérez-le sous la forme dont vous avez réellement besoin : un data URI complet, une simple chaîne Base64, une balise <img> HTML ou une déclaration CSS background, prêts à coller.
Intégrer de petits visuels directement dans le code supprime une requête réseau et garantit que l'icône apparaît même avant le chargement de la feuille de styles - c'est pourquoi les data URI sont appréciés pour les icônes, les indicateurs de chargement et les signatures d'e-mail. La contrepartie est la taille : le Base64 est environ un tiers plus volumineux que le fichier binaire et ne peut pas être mis en cache séparément ; réservez-le donc aux petites ressources et liez normalement les images plus grandes.
Comment convertir une image en Base64
Choisissez une image
Sélectionnez le format de sortie dont vous avez besoin
Copiez le data URI, la balise ou le CSS
Questions fréquentes
Quand intégrer une image plutôt que la lier ?
Pour de petits visuels fréquemment utilisés, en dessous d'environ 10 Ko - icônes, logos, indicateurs de chargement - lorsque économiser une requête compte plus que l'augmentation de taille. Les grandes photos doivent rester des fichiers pour que le navigateur puisse les mettre en cache.
Pourquoi la chaîne Base64 est-elle plus grosse que mon fichier ?
Le Base64 encode trois octets en quatre caractères, ce qui ajoute environ 33 %. Cette surcharge est inévitable dans l'encodage lui-même.
Quels formats puis-je utiliser ?
PNG, JPG, WebP, GIF et SVG. Un SVG vectoriel intégré en data URI reste redimensionnable, c'est donc souvent le meilleur choix pour des icônes.
Fonctionne-t-il en CSS comme en HTML ?
Oui, copiez la forme CSS pour l'utiliser dans une déclaration background-image, ou la forme HTML pour un attribut src d'une balise img.
Les clients de messagerie l'afficheront-ils ?
La plupart des clients modernes le font, mais certains suppriment les data URI pour des raisons de sécurité. Pour les modèles d'e-mail, hébergez l'image et liez-la si la mise en page compte.
Mon image est-elle envoyée ?
Non, l'encodage se fait dans votre navigateur.
En un coup d'œil
| Entrée | image |
|---|---|
| Fichiers multiples | Oui |
| Où ça tourne | Dans votre navigateur - les fichiers ne sont jamais envoyés |
| Fonctionne hors ligne | Oui — une fois la page chargée |
| Tarif | Gratuit, sans inscription, sans filigrane |
Où les conversions cassent sans bruit
La plupart des bugs de conversion ne portent pas sur la syntaxe mais sur le sens. Une colonne CSV de codes postaux perd ses zéros initiaux dès qu'un tableur devine qu'il s'agit d'un nombre ; un identifiant long dépasse la précision des nombres à virgule flottante ; les dates changent de sens selon qu'elles sont au format jour-mois ou mois-jour. Les clés JSON ne sont pas ordonnées, mais les tableaux le sont, et un outil qui trie les clés ne change rien tandis qu'un outil qui trie les tableaux modifie les données. L'Unicode est un autre piège : le texte peut arriver en UTF-8, en UTF-16 ou avec un BOM, et un décodeur qui se trompe transforme les caractères accentués en mojibake. Avant de faire confiance à une conversion, vérifiez par échantillon la première et la dernière ligne, tout champ à zéros initiaux et tout champ contenant des guillemets, des virgules ou des retours à la ligne.
Choisir un format de données
Le JSON est la valeur par défaut pour tout ce qu'une API renvoie ou qu'un programme lit : il gère naturellement les structures imbriquées, les nombres, les booléens et null, et tous les langages le lisent. Le CSV est plus léger et s'ouvre directement dans un tableur, mais il ne permet pas d'exprimer l'imbrication et n'a aucune norme partagée pour le séparateur, les guillemets ou le jeu de caractères - et c'est exactement là que les conversions se cassent. Le XML est verbeux mais porte des attributs, du contenu mixte et des schémas, ce qui le rend encore dominant dans les formats documentaires et les intégrations anciennes. Le YAML est le plus lisible pour la configuration, mais il est sensible aux espaces et réserve des conversions de type surprenantes (« no » devient false, une version comme 1.10 devient 1.1). Choisissez le format que l'outil de destination préfère, pas celui qui est le plus joli à lire.