Convertisseur SVG en Base64

Les fichiers SVG sont des images vectorielles basées sur XML. Lorsque vous convert svg to base64, vous transformez le fichier en une seule chaîne de texte que vous pouvez coller dans JSON, JavaScript ou des modèles legacy.

Cet outil produit une data URI data:image/svg+xml;base64,... que vous pouvez copier depuis l'onglet Data URI.

L'URI encodée conserve le type MIME SVG pour que les navigateurs l'affichent comme image vectorielle.

Si vous avez besoin d'une valeur data image svg xml base64, copiez l'URI complète depuis la sortie du convertisseur et collez-la dans votre code.

Utilisez les onglets HTML ou CSS lorsque vous voulez un extrait prêt à l'emploi au lieu de la chaîne brute.

Le balisage SVG inline est plus facile à styliser avec CSS et produit souvent un poids de page plus faible.

SVG Base64 convient mieux lorsque vous avez besoin d'une seule chaîne encodée pour des configs, variables JavaScript ou systèmes qui n'acceptent pas de blocs XML bruts.

En HTML, placez la data URI dans l'attribut src d'une balise img lorsque vous avez besoin d'un modèle base64 img tag pour des icônes vectorielles.

En CSS, utilisez des valeurs background image base64 avec background-image: url("data:image/svg+xml;base64,..."); pour des icônes, badges et ressources décoratives.

Les gros fichiers SVG créent de longues chaînes Base64 difficiles à lire et à maintenir dans le code source.

Certaines fonctionnalités SVG se comportent différemment lorsque vous chargez l'image via une balise img au lieu d'un SVG inline.