Convertisseur SVG en Base64

Convertissez des fichiers SVG en chaînes encodées en Base64. Générez des URI de données et des arrière-plans CSS.

Supprimer les commentaires et les espaces superflus
Entrée SVG498 car.
Aperçu du SVG

L'aperçu du SVG apparaîtra ici

Noter Convertisseur SVG en Base64

Dans quelle mesure cet outil vous a-t-il été utile ? Votre note aide d'autres personnes à le trouver.

Encodeur SVG vers Base64

Convertissez des graphiques SVG en Base64 pour une intégration en ligne. Générez instantanément des data URI, des arrière-plans CSS et des balises HTML img. Réduisez les requêtes HTTP et simplifiez vos ressources.

Formats de sortie

Data URI

Pour img src ou CSS url()

Base64 brut

Uniquement la chaîne encodée

Arrière-plan CSS

Prêt pour les feuilles de style

Balise IMG

Élément HTML complet

Comment fonctionne Convertisseur SVG en Base64

Cet outil d'encodage convertit les graphiques SVG en URL de données Base64 pour une intégration en ligne dans le HTML, le CSS ou le JavaScript sans requête de fichier externe. Le convertisseur lit le contenu SVG, l'optimise éventuellement en supprimant les commentaires et les espaces, puis l'encode avec l'alphabet standard Base64.

Quatre formats de sortie répondent à différents usages : le Base64 brut pour les charges utiles d'API, la Data URI pour les attributs img src, la syntaxe de la propriété CSS background-image et le balisage complet d'une balise HTML img. L'optimiseur SVG réduit la taille du Base64 en supprimant les caractères non essentiels sans affecter le rendu visuel.

Un aperçu en direct affiche le graphique SVG pendant l'encodage, ce qui permet de vérifier le bon traitement avant de copier le résultat. L'import de fichier et le collage acceptent du SVG de toute provenance. Tout l'encodage s'exécute côté client via JavaScript : les graphiques ne sont jamais envoyés à des serveurs externes.

Comment utiliser Convertisseur SVG en Base64

1

Saisir le SVG

Collez le code SVG ou importez un fichier .svg depuis votre ordinateur.

2

Choisir le format

Sélectionnez le format de sortie : Base64 brut, data URI, CSS ou balise IMG.

3

Copier et utiliser

Copiez le résultat encodé pour l'utiliser directement dans votre HTML, CSS ou JavaScript.

Exemple d'utilisation

Conversion d'un SVG en Data URI :

Entrée
<svg>...</svg>
Sortie
data:image/svg+xml;base64,PHN2ZyB4b...

Questions fréquentes

Pourquoi convertir un SVG en Base64 ?
Les SVG encodés en Base64 peuvent être intégrés directement dans le HTML, le CSS ou le JavaScript sans requête de fichier externe. Cela réduit les requêtes HTTP et simplifie le déploiement.
Qu'est-ce qu'une Data URI ?
Une Data URI (data:image/svg+xml;base64,...) est un format qui intègre l'intégralité du contenu SVG en ligne. Elle peut être utilisée dans img src, dans background-image en CSS, ou partout où les images sont acceptées.
Le Base64 augmente-t-il la taille du fichier ?
Oui, l'encodage Base64 augmente la taille d'environ 33 %. Pour de petits SVG (icônes, logos), l'avantage de moins de requêtes HTTP l'emporte souvent. Pour de gros SVG, des fichiers externes peuvent être préférables.
À quoi sert l'option « Optimiser » ?
Elle supprime les commentaires et les espaces superflus, et normalise le SVG avant l'encodage. Cela réduit la taille finale du Base64 sans changer l'apparence du SVG.
Les données de mon SVG sont-elles sécurisées ?
Oui. Tout l'encodage s'effectue dans votre navigateur avec JavaScript. Le contenu de votre SVG ne quitte jamais votre appareil et n'est envoyé à aucun serveur.

Outils associés

Commentaires

Les commentaires sont fournis par Disqus. Les charger vous connecte à Disqus, qui dépose des cookies et traite des données selon sa propre politique de confidentialité.

Convertisseur SVG en Base64 est maintenu par CodeItBro. Notre objectif est de proposer les meilleurs outils gratuits pour développeurs sur le web. Si vous avez des remarques ou des suggestions, rendez-vous sur notre page de contact.

Cité par

CodeItBro - Free dev tools + practical guides to help you ship faster | Product HuntCodeItBro - Free Online Developer Tools badgeCodeItBro badge