Entrée

Cliquez pour télécharger une image

JPG, PNG, GIF, WebP, SVG (Max 5 Mo)

Sortie

Exemples Image vers Base64

Téléchargez une image pour obtenir une Data URI. Le format est data:image/<type>;base64,<chaîne-base64>.

Exemple de sortie Data URI

Format de sortie

Téléchargez une image ci-dessus pour générer votre propre Data URI.

Qu'est-ce qu'Image vers Base64 ?

Image vers Base64 convertit les fichiers image en Data URIs encodées en Base64. Base64 est défini par RFC 4648.

Cet outil utilise l'API FileReader du navigateur. Pour décoder Base64 en image visible, utilisez Base64 vers image.

Comment utiliser cet outil

1

Télécharger une image

Cliquez sur la zone de téléchargement ou utilisez Télécharger. Formats pris en charge : JPG, PNG, GIF, WebP, SVG (max 5 Mo).

2

Obtenir la sortie Base64

Le panneau droit se met à jour automatiquement avec la Data URI complète.

3

Copier ou télécharger

Utilisez Copier ou Télécharger. Pour encoder n'importe quel fichier, utilisez l'Encodeur Base64. Pour afficher les chaînes Base64 d'images, utilisez Base64 vers image.

Comment ça fonctionne

L'outil lit votre image avec FileReader.readAsDataURL(). L'encodage Base64 augmente la taille d'environ 33 %.

Pour HTML : <img src="data:image/png;base64,...">. Pour CSS : background-image: url(...).

Où Image vers Base64 aide

Les développeurs web utilisent Base64 pour les petites icônes. Les e-mails HTML intègrent souvent des images en Base64.

Pour décoder, utilisez Base64 vers image. Pour encoder n'importe quel fichier, utilisez l'Encodeur Base64. Pour le décodage Base64 général, utilisez le Décodeur Base64.

Questions fréquentes

Mes données sont-elles privées ?

Oui. La conversion s'exécute entièrement dans votre navigateur.

Quelle est la limite de taille ?

L'outil limite les téléchargements à 5 Mo.

Puis-je utiliser la sortie en HTML/CSS ?

Oui. La sortie est une Data URI prête pour img ou background-image.

SVG est-il pris en charge ?

Oui. SVG est pris en charge. Utilisez le Décodeur Base64 pour décoder en SVG.

Pourquoi Base64 au lieu d'une URL d'image normale ?

Base64 intègre l'image dans le document, donc aucune requête HTTP supplémentaire n'est nécessaire.

Outils connexes

Voir RFC 4648.