Prêt à développer
Générez Data URI, CSS ou HTML depuis le même SVG.
← Tous les outils SVG
SVG → DATA URI
Convertir SVG en Data URI
Encodez des fichiers SVG pour les utiliser directement dans HTML, CSS et vos projets web.
Traitement local dans le navigateur
Importez votre SVG
Choisissez encodage URL ou Base64 et générez une sortie prête pour le développement.
Upload your SVG
Encode SVG markup for direct use in HTML, CSS or other web projects.
1. Source
Choose or drop your SVG file
Drag it here or click to browse
2. Encoding
Encoding method
Percent-encodes the SVG as UTF-8 text. This is usually easier to inspect and often smaller than Base64 for SVG.
Encoded locally. Your SVG never leaves your device.
Encoding locally…
3. Result
Ready
Copy your encoded SVG
SVG size—
Output length—
Output format
Ready to paste directly into your project.
Developer-readyPrivateUTF-8 safe
Avantages
Prêt à développer, privé et flexible
Privé
L’encodage s’effectue localement.
Flexible
Choisissez encodage URL ou Base64.
Fonctionnement
Comment convertir SVG en Data URI
- 1Choisissez ou déposez votre SVG.
- 2Sélectionnez l’encodage URL ou Base64.
- 3Générez le Data URI localement.
- 4Copiez Data URI, CSS ou la balise HTML.
Continuer
Outils associés
FAQ
Questions fréquentes
URL ou Base64 ?
L’encodage URL est souvent idéal pour SVG. Utilisez Base64 si votre système l’exige.
Puis-je utiliser le résultat dans CSS ?
Oui. Copiez la déclaration background-image générée.
Le SVG est-il envoyé ?
Non, l’encodage est local.
ALLONLINE.TOOLS
