Convertisseur d’image en Base64
Convertissez une image en chaîne Base64 ou en data URI pour HTML, CSS, JSON et tests d’API sans envoyer le fichier.
Jusqu’à 20 Mio et 40 millions de pixels par image. Les planches contact acceptent 2 à 50 images, jusqu’à 100 Mio au total. Les icônes placent l’image entière dans un carré avec une marge transparente.
Pourquoi cet outil existe
Le Base64 convient surtout aux petits fichiers, car il augmente la taille des données.
- ✓ data URI
- ✓ Base64 brut
- ✓ copier
- ✓ télécharger le texte
Utile pour
- • arrière-plans CSS
- • prototypes HTML
- • données de test d’API
Transformer une petite image en Base64 ou en data URI
Le Base64 intègre les octets binaires de l’image sous forme de texte. Il est utile pour de petits fichiers HTML, CSS, données de test JSON et essais d’API, mais la représentation encodée est plus lourde que les octets d’origine.
Utiliser le Base64 là où l’intégration est vraiment utile
Petites icônes, données de test et prototypes autonomes sont des usages courants. Les grandes photos restent généralement mieux en fichiers classiques, car le Base64 alourdit les données et complique la maintenance du code.
Choisir entre data URI et Base64 brut
Un data URI contient le type MIME et les données Base64 ; il peut donc être placé directement dans du HTML ou du CSS. Le Base64 brut est utile lorsqu’une API ou une application n’attend que la chaîne encodée.
Questions fréquentes
Qu’est-ce qu’une chaîne Base64 d’image ?
C’est une représentation texte des octets de l’image encodés en Base64. Un data URI ajoute le type MIME de l’image et le préfixe nécessaire.
Le Base64 réduit-il la taille de l’image ?
Non. Le Base64 augmente généralement la taille des données binaires. Son avantage est de faire voyager l’image dans des données textuelles.
Faut-il encoder une grande photo en Base64 ?
En général non. Pour les gros fichiers, un fichier image classique ou une URL est plus pratique.
Puis-je utiliser un data URI d’image en CSS ?
Oui. Un data URI bien formé peut servir de valeur d’image CSS lorsque le fichier est assez petit pour que cette approche ait du sens.