Image vers Base64
Choisissez une image avec le sélecteur. L’encodage tourne localement via FileReader; vous voyez un aperçu, le Base64 brut, le data URI complet, le MIME et le nom de fichier. Copiez Base64 ou data URI selon le besoin.
Mis à jour 2026-08-04 · developer
À propos de cet outil
Seuls les fichiers au MIME image sont acceptés. readAsDataURL construit le data URI; le Base64 brut est la partie après la virgule. Le statut indique la taille en Ko ou pourquoi un non-image a été refusé.
Comment utiliser
- Choisir un fichier image: Utilisez le contrôle Image file et choisissez PNG, JPG, GIF, WebP ou similaire.
- Attendre l’encodage local: Le navigateur lit le fichier et affiche un aperçu avec les champs Base64 et data URI.
- Copier Base64 ou data URI: Cliquez Copy Base64 pour la chaîne brute, ou Copy data URI pour l’URL complète.
- Vérifier MIME et nom: Confirmez le code MIME et le nom sous les textareas avant d’embarquer le résultat.
Cas d'usage
- Intégrez une petite icône en CSS ou HTML sans héberger un fichier séparé.
- Collez un data URI dans un prototype ou un e-mail qui bloque les images externes.
- Vérifiez la chaîne MIME et la longueur Base64 avant d’embarquer dans du JSON.
Conseils
- Préférez de petites images; les gros fichiers donnent de longues chaînes difficiles à coller.
- Utilisez Copy data URI quand vous avez besoin du préfixe data:image/...;base64,.
FAQ
Les images sont-elles envoyées à un serveur ?
Non. FileReader encode le fichier choisi uniquement dans votre navigateur.
Et si je choisis un fichier non image ?
La sortie est effacée et on vous demande de sélectionner une image PNG ou JPG.
Quelle différence entre Base64 et data URI ?
Base64 (raw) n’est que les octets encodés; le data URI inclut le préfixe data:image/...;base64,.
Pourquoi l’encodage a-t-il échoué ?
Si le fichier ne peut pas être lu, le statut affiche Failed to read the file—essayez une autre image.