Encodeur d'image en Base64
Convertissez instantanément n'importe quelle image en URL de données Base64 — Copiez et collez pour CSS, HTML ou code. Aucun téléchargement requis.
Quand utiliser des images encodées en Base64
CSS et style
- Intégrer de petites icônes en CSS sous forme d'URL de données d'image de fond
- Intégration d'images de chargement ou d'espace réservé dans les feuilles de style
- Ajoutez des logos aux modèles d'e-mails CSS uniquement, sans hébergement externe.
- Incorporer les images des éléments d'interface utilisateur dans les feuilles de style de la bibliothèque de composants
HTML et courriel
- Intégrer des images directement dans le code HTML<img src> sous forme d'URL de données
- Intégrez les logos de l'entreprise dans des modèles d'e-mails HTML autonomes.
- Créer des documents HTML monofichiers avec des images intégrées
- Intégrer des images de signature dans les signatures HTML de Gmail et Outlook
API et code
- Encodez les images pour les charges utiles d'API JSON qui attendent une entrée base64
- Préparer les images pour les requêtes API IA/ML (OpenAI Vision, Claude, Gemini)
- Convertir les images pour le stockage dans des champs de base de données encodés en base64
- Encoder des images pour le dessin d'images sur un canvas à partir d'une URL de données en JavaScript
Comment convertir une image en Base64 — 3 étapes
- 1
Téléchargez votre image
Glissez-déposez une image JPG, PNG, WebP, SVG ou GIF dans l'encodeur. Votre fichier est lu localement ; aucun transfert n'est effectué.
- 2
Copier la sortie Base64
L'outil affiche séparément l'URL complète des données (data:image/…;base64,…) et la chaîne base64 brute. Cliquez sur Copier pour copie l'un ou l'autre format dans votre presse-papiers.
- 3
Utilisez-le dans votre code
Collez l'URL des données dans du code HTML.<img src> , image de fond CSS, ou utilisez la chaîne base64 brute pour les charges utiles API et les données JSON.
Encodeur d'images en Base64 gratuit en ligne — Aucun téléchargement sur serveur
L'encodage Base64 convertit les données binaires d'une image en une chaîne de caractères ASCII, directement intégrable dans le code, le CSS, le HTML ou les API, sans URL externe. L'encodeur Base64 de PicsSizer lit votre fichier image via l'API FileReader du navigateur et génère l'URL complète des données ainsi que la chaîne Base64 brute, sans téléchargement sur serveur. Cette chaîne encodée est prête à être collée dans les propriétés CSS `background-image` ou HTML.<img src> , les corps d'API JSON, ou tout autre endroit qui attend une URL de données ou une image base64.
Quand utiliser des images Base64 intégrées plutôt que des URL externes
L'encodage Base64 est particulièrement adapté aux ressources statiques de petite taille : icônes, illustrations SVG, logos d'e-mails et images d'espace réservé. La représentation Base64 étant environ 33 % plus volumineuse que le code source binaire, l'intégration d'images volumineuses via des URL de données augmente considérablement la taille des fichiers HTML ou CSS. Pour les images de plus de 10 Ko, l'hébergement externe avec un CDN est presque toujours plus rapide et plus efficace. Pour les images de moins de 5 Ko, notamment les icônes, les logos et les SVG décoratifs, l'intégration Base64 élimine toute requête HTTP, ce qui peut améliorer les performances des ressources visibles au chargement de la page. Les API d'IA/ML (OpenAI, Anthropic, Google) qui acceptent des images en entrée utilisent le Base64 dans leurs requêtes JSON, rendant ainsi l'encodage Base64 indispensable à l'intégration des modèles de vision.
Conseils pour l'utilisation d'images encodées en Base64 dans le code
Pour l'image de fond CSS : entourez l'URL des données avec url() — `background-image: url('data:image/png;base64,…')`. Pour HTML : collez directement comme attribut src — `<img src="data:image/jpeg;base64,…"> Pour les e-mails HTML : la plupart des clients de messagerie prennent en charge les URL de données pour les petites images ; effectuez un test dans Gmail, Outlook et Apple Mail avant le déploiement. Pour les charges utiles d’API JSON : utilisez la chaîne base64 brute (sans le préfixe « data:…;base64 ») si l’API spécifie un champ mediaType ou mimeType distinct. L’outil génère les deux formats (URL de données complète et base64 brute) afin que vous puissiez copie la version requise par votre intégration.
Outils de développement associés
Davantage d'outils pour les développeurs travaillant avec des images dans le code.
Base64 vers image
Décodez une chaîne base64 ou une URL de données pour obtenir une image téléchargeable.
Convertisseur d'images
Convertissez entre JPG, PNG, WebP, SVG et plus de 20 autres formats avant l'encodage.
Visionneuse de métadonnées d'images
Examinez les métadonnées EXIF, IPTC et XMP intégrées aux fichiers image.
Compresseur d'images
Réduisez la taille du fichier image avant l'encodage base64 afin de minimiser la longueur de la chaîne.
Conversion d'image en Base64 — FAQ
Questions fréquentes concernant la conversion d'images en URL de données base64