Image ↔ Base64 convertit les fichiers image (PNG, JPG, SVG, WebP, GIF) en URI de données encodées en Base64 et vice versa. Glissez, collez ou cliquez pour charger une image ; copiez la chaîne complète data:image/...;base64,... pour l'intégrer directement dans du CSS, du HTML ou une configuration. Ou collez une URI de données pour la prévisualiser et la télécharger en tant que fichier image.
Les images encodées en Base64 peuvent être intégrées directement dans du CSS, du HTML ou des fichiers de configuration — utile pour de petites icônes, des modèles d'e-mails ou des artefacts de build où les requêtes d'images externes sont indésirables. Cet outil rend la conversion sans effort. Glissez un fichier image, collez depuis le presse-papiers ou cliquez pour parcourir. L'outil le convertit en une URI de données avec le type MIME correct (data:image/png;base64,..., data:image/svg+xml;base64,..., etc.). La direction opposée fonctionne également — collez une URI de données et l'outil affiche l'image pour un aperçu et propose un lien de téléchargement pour l'enregistrer comme un vrai fichier. Fonctionne entièrement dans le navigateur, sans téléchargement — vos images ne quittent jamais votre machine. Gère les formats PNG, JPG/JPEG, SVG, WebP, GIF et ICO.
Plusieurs façons de charger une image : glissez un fichier depuis votre OS, collez depuis le presse-papiers (les captures d'écran fonctionnent) ou cliquez pour ouvrir un sélecteur de fichiers.
Lorsque vous collez une URI de données, l'outil affiche l'image immédiatement afin que vous puissiez la vérifier avant de la copier ou de la télécharger.
Copie la chaîne data:image/...;base64,... complète, prête à être collée dans votre CSS, attribut src HTML ou configuration JSON.
Pas d'attente de téléchargement — tout se passe localement. Même les images volumineuses sont converties en une fraction de seconde.
À partir d'une URI de données Base64, enregistrez l'image décodée en tant que fichier réel (PNG, JPG, SVG, etc.) avec l'extension correcte.
Prend en charge PNG, JPG, SVG, WebP, GIF et ICO. Le type MIME est détecté automatiquement pour que votre URI de données soit toujours correcte.
Convertissez une icône de 16×16 en Base64 et intégrez-la en ligne dans background-image: url(...). Pas de requête HTTP, pas d'échec de cache — l'icône est livrée avec votre CSS.
Intégrez des images directement dans les e-mails HTML sous forme d'URI de données lorsque les références d'images externes sont bloquées par les clients ou marquées comme spam.
Incluez de petites images dans la sortie du bundle webpack/vite pour éliminer les allers-retours d'actifs pendant le démarrage de l'application.
Collez une URI de données provenant des outils de développement, du code source HTML ou d'un fichier CSS pour prévisualiser et télécharger l'image sous-jacente en tant que fichier.
Lorsqu'une image intégrée ne s'affiche pas, collez l'URI de données dans le décodeur pour vérifier que le Base64 est valide et que le type MIME est correct.
Cliquez sur l'icône Image Base64 dans le dock DevSuite Pro. Un panneau à deux volets s'ouvre avec une zone de dépôt et un champ d'URI de données.
Glissez un fichier sur la zone de dépôt, collez une image depuis le presse-papiers (Ctrl+V) ou cliquez sur la zone pour parcourir. Un aperçu apparaît.
L'URI de données Base64 est générée immédiatement dans le champ de sortie — cliquez sur Copier pour l'envoyer dans votre presse-papiers, prête à être collée en ligne.
Pour passer de Base64 à image, collez une URI de données dans le champ. L'aperçu affiche l'image et un bouton Télécharger apparaît.
Enregistrez l'image reconstruite comme un fichier réel, ou copiez l'URI de données pour la partager ou l'intégrer ailleurs.
Installez DevSuite Pro gratuitement et débloquez plus de 39 outils de développement pour votre navigateur.
