Convertir un SVG en data URI pour CSS et HTML
Convertissez un code SVG en data URI optimisée (utilisable en CSS ou HTML), dans le navigateur.
Le mode URL-encodé produit une data URI plus courte que le Base64 pour du SVG.
🔒 100 % côté client — aucune donnée envoyée
Convertissez votre code SVG en data URI optimisée, prête à intégrer dans du CSS ou du HTML. Vous évitez une requête réseau supplémentaire en embarquant l'image directement dans votre feuille de style. La conversion s'effectue 100 % dans le navigateur, sans envoi de fichier.
À quoi ça sert ?
- ▸ Intégrer une icône SVG en background-image CSS sans fichier externe
- ▸ Réduire le nombre de requêtes HTTP d'une page web
- ▸ Embarquer un petit logo directement dans un attribut src
- ▸ Optimiser et encoder un SVG pour un e-mail ou un composant
FAQ
Qu'est-ce qu'une data URI pour un SVG ?
C'est une chaîne qui encode l'image complète directement dans l'URL, sous la forme data:image/svg+xml. Elle permet d'afficher le SVG sans fichier séparé, en l'insérant dans du CSS ou du HTML.
Vaut-il mieux encoder en UTF-8 ou en base64 ?
Pour les SVG, l'encodage UTF-8 (avec caractères échappés) est souvent plus léger et lisible que le base64. L'outil génère une version optimisée que vous pouvez coller telle quelle dans votre CSS.
Mon code SVG est-il téléversé quelque part ?
Non, l'encodage se déroule entièrement dans votre navigateur. Votre SVG n'est jamais envoyé ni stocké sur un serveur.