Image vers Base64
Outil en ligne gratuit pour convertir des images en URI de données Base64. Prend en charge PNG, JPEG, GIF, SVG, WebP et BMP. Copiez ou téléchargez la chaîne encodée instantanément.
Convertissez toute image en URI de données Base64 pour l'intégrer directement dans HTML, CSS ou JSON.
Convertisseur d'images en Base64 — Outil en ligne gratuit
description: Convertissez instantanément n'importe quelle image en URI de données Base64. Prend en charge PNG, JPEG, GIF, SVG, WebP et BMP. Gratuit, confidentiel et fonctionne entièrement dans votre navigateur. date: 2026-05-17
Qu'est-ce que l'encodage Base64 des images ?
L'encodage Base64 convertit les données binaires d'une image en une chaîne de texte composée de lettres, de chiffres, +, / et =. Lorsqu'il est combiné avec un préfixe de type MIME, il crée une URI de données — une chaîne autonome que vous pouvez insérer directement dans HTML, CSS ou JSON sans fichier séparé.
Par exemple, au lieu de lier à un fichier externe :
<img src="logo.png" alt="Logo" />
Vous pouvez insérer l'image directement :
<img src="data:image/png;base64,iVBORw0KGgo..." alt="Logo" />
Pourquoi convertir les images en Base64 ?
| Avantage | Description |
|---|---|
| Moins de requêtes HTTP | L'insertion d'images petites élimine les téléchargements de fichiers séparés |
| Modèles d'e-mails | Beaucoup de clients e-mail ne chargent pas les images externes — le Base64 fonctionne en ligne |
| Applications à fichier unique | Regroupez les icônes et les actifs dans un seul fichier HTML pour un partage facile |
| Charges utiles d'API | Envoyez des images en tant que chaînes dans JSON sans uploads multipart |
| Documents hors ligne | Rapports HTML autonomes qui fonctionnent sans serveur |
Formats d'images pris en charge
| Format | Type MIME | Extension |
|---|---|---|
| PNG | image/png |
.png |
| JPEG | image/jpeg |
.jpg, .jpeg |
| GIF | image/gif |
.gif |
| SVG | image/svg+xml |
.svg |
| WebP | image/webp |
.webp |
| BMP | image/bmp |
.bmp |
Taille maximale du fichier : 10 Mo.
Formats de sortie
Cet outil propose quatre formats de sortie :
- URI de données — Chaîne complète
data:image/...;base64,.... Utilisez-la directement dans les attributssrcou CSSurl(). - Seulement Base64 — Chaîne Base64 brute sans le préfixe URI de données. Utile pour les charges utiles d'API.
- Balise HTML — Élément
<img>complet avecsrc,alt,widthetheight. - Arrière-plan CSS — Déclaration prête à l'emploi
background-image: url(...).
Comment utiliser
- Uploader une image — Glisser-déposer dans la zone de dépôt, ou cliquer pour parcourir vos fichiers.
- Prévisualiser l'image — Voir l'image téléchargée et ses informations de fichier (nom, taille, type, dimensions).
- Choisir le format de sortie — Sélectionner URI de données, Seulement Base64, Balise HTML ou Arrière-plan CSS.
- Copier ou télécharger — Cliquez sur Copier dans le presse-papiers ou Télécharger en tant que fichier texte.
Quand utiliser Base64 (et quand ne pas le faire)
Cas d'utilisation appropriés :
- Petits icônes et éléments d'interface utilisateur (moins de 10 Ko)
- Images pour les newsletters e-mail
- Prototypes HTML à fichier unique
- Charges utiles JSON d'API où le multipart n'est pas disponible
À éviter pour :
- Grandes photos ou images d'hero (augmente la taille de fichier de ~33%)
- Sites avec de nombreuses images (aucun cache du navigateur pour les données inline)
- Images répétées sur plusieurs pages (le Base64 ne peut pas être mis en cache séparément)
Confidentialité et sécurité
Tout le traitement a lieu entièrement dans votre navigateur. Vos images ne sont jamais uploadées sur un serveur. La conversion Base64 est effectuée côté client à l'aide de l'API FileReader.
Questions fréquemment posées
Le Base64 augmente-t-il la taille du fichier ? Oui. L'encodage Base64 augmente la taille du fichier d'environ 33%. Un PNG de 3 Ko devient environ 4 Ko en Base64.
Puis-je convertir du Base64 en image ? Oui. Vous pouvez coller une URI de données dans la barre d'adresse du navigateur pour afficher l'image, ou utiliser un outil de décodeur Base64 pour l'enregistrer en tant que fichier.
Y a-t-il une limite de taille de fichier ?
Cet outil accepte des images jusqu'à 10 Mo. Pour des fichiers plus volumineux, envisagez d'utiliser un outil en ligne de commande comme base64 sur Linux/macOS.
Fonctionne-t-il avec les fichiers SVG ? Oui. Les fichiers SVG sont convertis en Base64 de la même manière que les images raster. Notez que pour SVG, vous pouvez également insérer directement le code SVG dans le HTML pour une meilleure performance.