data:image/xxx;base64,..., afin que vous puissiez intégrer l'image directement dans du HTML, du CSS ou du JSON sans service d'hébergement d'images externe.Présentation
Image → Base64 transforme une image locale (PNG, JPG, GIF, SVG, WEBP, etc.) en une Data URL encodée en Base64 de la forme
Comment utiliser cet outil
Étape 1 — cliquez sur la zone de dépôt pour ouvrir un sélecteur de fichier, ou déposez une image directement dessus. Étape 2 — l'outil lit l'image et la convertit en Data URL Base64 ; vous pouvez voir l'aperçu, le nom du fichier, la taille d'origine et la longueur de la chaîne Base64. Étape 3 — cliquez sur « Copier DataURL » pour placer toute la chaîne dans le presse-papiers ; collez-la dans un
background: url('...') CSS, un <img src="..."> HTML ou un champ JSON. Étape 4 — cliquez sur « Effacer » pour réinitialiser et téléverser une autre image.Cas d'usage courants
Les développeurs front-end réduisent les requêtes HTTP en intégrant de petites icônes (favicon, icônes de bouton) dans le CSS ; incorporer des images dans des modèles d'e-mail pour que les destinataires les voient sans liens externes ; convertir un SVG en Data URL pour l'utiliser comme arrière-plan CSS ; livrer des ressources d'image à l'intérieur d'applications Electron ou d'extensions Chrome ; incorporer des images dans des documents Markdown pour éviter les dépendances de chemin ; envoyer des images comme valeurs de champ JSON à une API.
Détails techniques
La conversion utilise l'API native
FileReader.readAsDataURL du navigateur. La chaîne Base64 fait environ 4/3 de la taille du fichier d'origine (un surcoût de 33 %). La Data URL détecte automatiquement le type MIME (image/png, image/jpeg, etc.). Gardez les images sous environ 100 Ko — une grosse Data URL alourdit le HTML/CSS et dégrade les performances de premier rendu. Pour SVG, l'encodage URL est généralement plus petit que Base64.Confidentialité et sécurité
La lecture et l'encodage de l'image se déroulent entièrement en local dans votre navigateur et ne sont jamais envoyés, ce qui le rend sûr pour l'utiliser avec des captures d'écran, des maquettes de design ou des photos de produits contenant du contenu sensible.