TOP
Compresser une image
image
Convertisseur Image en Base64
Encodez des images en Base64 avec des extraits data URI, CSS et HTML prêts à coller - ou collez du Base64 et récupérez l'image. Tout s'exécute dans votre navigateur. Sans inscription, sans limites, gratuit.
Entrée
Déposez votre image ici
PNG, JPG, WebP, GIF, SVG, BMP ou ICO · les petits fichiers s'intègrent le mieux
Sortie
Le Base64 agrandit les fichiers d'environ 33 %. L'intégration fonctionne le mieux en dessous de 10 Ko ; au-delà, liez plutôt le fichier.
Fonctionne à 100 % dans votre navigateur Aucune limite de taille ni de fichier Gratuit, sans inscription
Comment convertir une image en Base64
Ajoutez votre image
Glissez-déposez une image n'importe où dans le cadre, cliquez pour parcourir, ou collez-la directement depuis votre presse-papiers. PNG, JPG, WebP, GIF, SVG, BMP et ICO fonctionnent tous.
Choisissez l'extrait dont vous avez besoin
Basculez entre le Base64 brut, un data URI complet, une règle CSS background-image, ou une balise img HTML. La sortie se met à jour instantanément.
Copiez et collez
Cliquez sur Copier et déposez l'extrait dans votre feuille de style, votre HTML ou votre code. Pour faire l'inverse, basculez sur Base64 → Image, collez n'importe quel Base64 ou data URI, et téléchargez le fichier décodé.
Image et Base64 : vos questions, nos réponses
Qu'est-ce que l'encodage Base64 ?
Le Base64 transforme des données binaires en texte ASCII simple à l'aide de 64 caractères sûrs, une image peut donc vivre à l'intérieur d'un fichier texte : HTML, CSS, JSON ou un e-mail. Le texte est environ 33 % plus volumineux que le fichier d'origine, c'est le prix pour le rendre copiable-collable.
Quand devrais-je intégrer une image en Base64 ?
L'intégration brille pour les petits éléments : icônes, logos, arrière-plans minuscules de moins de 10 Ko environ. Elle économise une requête HTTP et garde un composant autonome. Pour de plus grandes images, un lien de fichier normal est plus rapide, se met correctement en cache, et n'alourdit pas votre document.
Comment utiliser le Base64 en CSS ou HTML ?
Utilisez les variantes prêtes à l'emploi : l'onglet CSS vous donne une règle background-image complète et l'onglet HTML une balise img complète. Les deux enveloppent le même data URI, qui est la charge utile Base64 précédée de son type de contenu.
Puis-je reconvertir du Base64 en image ?
Oui. Basculez l'outil sur Base64 → Image, collez du Base64 brut, un data URI, ou même une règle CSS entière ou une balise img - la charge utile est détectée automatiquement, le format est identifié à partir des données elles-mêmes, et vous téléchargez le fichier qu'il contient.
Pourquoi ma chaîne Base64 est-elle rejetée ?
Généralement la chaîne est incomplète : une fin manquante d'une copie partielle casse le décodage. Collez la valeur complète, y compris tout préfixe data:image. Les chaînes qui se décodent mais ne sont pas des données d'image sont également rejetées, avec un message clair dans les deux cas.
Mon image est-elle téléversée vers un serveur ?
Non. L'encodage et le décodage sont des opérations de texte pures que votre navigateur effectue localement. Ni vos images ni vos chaînes Base64 ne quittent jamais votre appareil.