Convertir une image en Base64
À propos de cet outil
Choisissez une image pour créer une URL de données Base64 utilisable dans HTML ou CSS. Vous pouvez aussi coller une valeur d'image Base64 et la restaurer en fichier image. L'outil affiche la longueur du texte résultant et la taille estimée.
Mode d'emploi
- Convertir une image en URL de données Base64
- Restaurer une URL de données Base64 en fichier image
- Reconnaître les types PNG, JPEG, WebP et GIF courants
- Afficher la longueur résultante et la taille estimée
- Copier la valeur ou télécharger l'image restaurée
- Choisir une direction: Sélectionnez image vers Base64 ou Base64 vers image.
- Ajouter le contenu: Choisissez une image ou collez une valeur d'image Base64.
- Copier ou télécharger: Copiez l'URL de données générée ou téléchargez l'image restaurée.
Exemples
- Intégrer une petite icône dans un modèle d'e-mail HTML
- Créer une image d'avatar par défaut pour une page web
- Restaurer une image à partir d'une valeur Base64 copiée
- Tester une image d'arrière-plan sans héberger un fichier séparé
Limites
- Base64 augmente généralement la quantité de texte d'environ un tiers
- Les très grandes images peuvent produire des valeurs trop longues pour une intégration directe dans une page
- L'image sélectionnée ou la valeur Base64 saisie est traitée directement dans votre navigateur et n'est pas envoyée au serveur.
FAQ
- Quelle est la différence entre une URL de données et du Base64 brut ?
- Une URL de données inclut un préfixe de type MIME comme data:image/png;base64,... ; le Base64 brut ne contient que le contenu encodé.
- Quelle taille d'image est recommandée ?
- Gardez les images sources sous quelques centaines de Ko ; des URL de données très longues peuvent ralentir le chargement de la page.
- Puis-je décoder depuis CSS url() ?
- Collez la partie URL de données ; l'outil supprime l'enveloppe si elle est présente.