Convertisseur d'Image en Base64
Transformez n'importe quelle image en data URI Base64 à coller dans du HTML, du CSS ou du JSON — encodage réalisé dans votre navigateur.
Glissez-déposez une image ici
PNG, JPG, GIF, WebP ou SVG — jusqu'à 10 Mo
Votre image ne quitte pas cet appareil : tout l'encodage a lieu dans le navigateur.
Comment Utiliser le Convertisseur d'Image en Base64
- Faites glisser une image sur la zone de dépôt, ou utilisez le sélecteur de fichiers pour choisir un PNG, JPG, GIF, WebP ou SVG sur votre appareil.
- Vérifiez la miniature ainsi que la ligne indiquant le nom, le type et la taille du fichier pour confirmer votre choix.
- Choisissez "Data URI" pour une chaîne à coller directement dans un src ou un url(), ou "Base64 brut" lorsque votre API attend uniquement les données.
- Copiez le résultat, ou utilisez "Copier en background-image CSS" et "Copier en balise img" pour récupérer un extrait déjà prêt.
- Cliquez sur "Effacer" dès que vous souhaitez encoder une autre image.
Qu'est-ce qu'un Convertisseur d'Image en Base64 ?
Un convertisseur d'image en Base64 lit les octets bruts d'une photo ou d'une icône et les réécrit en caractères ASCII imprimables. Ajoutez le préfixe data:image/... et vous obtenez un data URI : une image autonome qui vit à l'intérieur de votre HTML, de votre CSS, d'un JSON ou d'un modèle d'e-mail, au lieu d'être un fichier séparé sur un serveur.
Les développeurs y recourent quand une requête réseau coûte plus cher que quelques kilo-octets supplémentaires : petites icônes, favicons, signatures d'e-mail, démonstrations HTML en un seul fichier ou avatar transporté dans une charge JSON. La contrepartie est le poids, puisque le Base64 ajoute environ 33 % au fichier d'origine : l'outil vous avertit donc dès que la sortie dépasse 1 Mo.
Besoin du sens inverse ? Le décodeur Base64 vers image retransforme un data URI en fichier téléchargeable. Pour du texte brut, passez par l'encodeur et décodeur Base64, et allégez d'abord les photos trop lourdes avec le compresseur d'images.
Questions Fréquentes (FAQ)
Comment convertir une image en Base64 ?
Déposez l'image sur la zone de dépôt ou sélectionnez-la avec le bouton de fichier : la chaîne Base64 apparaît immédiatement. Choisissez le format data URI pour la coller dans du HTML ou du CSS, ou le Base64 brut si vous n'avez besoin que des données.
Qu'est-ce qu'un data URI en Base64 ?
C'est une image complète contenue dans une seule chaîne, de la forme data:image/png;base64,AAA... Le navigateur la traite comme l'URL d'un fichier, elle fonctionne donc dans un src d'img, dans un url() CSS ou dans un e-mail sans téléchargement séparé.
Comment convertir un PNG en Base64 sans l'envoyer en ligne ?
Ce convertisseur utilise l'API FileReader du navigateur : le PNG est lu depuis votre propre disque et encodé localement. Aucune copie du fichier n'est transmise à ToolGenie ni à un autre serveur.
Le Base64 augmente-t-il la taille de l'image ?
Oui. Le Base64 représente trois octets par quatre caractères, la chaîne obtenue pèse donc environ 33 % de plus que le fichier d'origine. C'est acceptable pour de petites icônes, beaucoup moins pour des photographies.
Comment utiliser une image Base64 en CSS ?
Cliquez sur "Copier en background-image CSS" et collez le résultat dans n'importe quelle règle, par exemple .logo { background-image: url("data:image/png;base64,...") }. L'image s'affiche sans requête HTTP supplémentaire.
Quels formats sont acceptés : JPG, GIF, WebP ou SVG ?
Tout format que le navigateur reconnaît comme une image, notamment PNG, JPG, GIF, WebP, SVG, BMP et ICO. Le type MIME du fichier choisi est inscrit automatiquement dans le data URI.
Y a-t-il une limite de taille de fichier ?
Les fichiers jusqu'à 10 Mo sont acceptés. Au-delà, la chaîne Base64 deviendrait difficile à coller et ralentirait sensiblement toute page qui l'intègre.
Conseils pour Convertir des Images en Base64
- Tip 1: Réservez le Base64 intégré aux ressources de moins de 10 Ko : icônes, indicateurs de chargement et logos. Au-delà, un fichier mis en cache et réutilisé entre les pages reste plus rapide.
- Tip 2: Le SVG s'intègre particulièrement bien. Comme il s'agit déjà de texte, un logo intégré reste net à toute résolution et supprime une requête entière.
- Tip 3: Utilisez le Base64 brut quand un champ d'API n'attend que les données, et le data URI quand c'est un navigateur qui doit l'afficher. Confondre les deux est une cause classique d'envois refusés.
- Tip 4: Compressez avant d'encoder : passez le fichier dans le compresseur d'images pour réduire la chaîne, puis vérifiez le résultat dans le convertisseur Base64 vers image.