Encodeur SVG Data URI
Collez du SVG brut et convertissez-le instantanément en Data URI utilisable dans CSS ou HTML. Vérifiez l’aperçu et copiez le résultat en un clic.
Comment utiliser l’encodeur SVG
- Collez votre code SVG brut dans la zone d’entrée.
- Vérifiez l’aperçu pour confirmer que le graphique s’affiche toujours correctement.
- Copiez soit la Data URI, soit l’extrait CSS prêt à l’emploi.
Pourquoi encoder du SVG en Data URI
Une Data URI permet d’intégrer un SVG directement dans CSS ou HTML sans fichier image séparé.
L’encodage est nécessaire car le SVG contient des caractères pouvant casser une URL CSS ou un attribut HTML s’ils ne sont pas échappés.
Cet outil effectue l’encodage localement dans votre navigateur et fournit à la fois l’URI brute et un exemple CSS prêt à copier.
Questions fréquentes
Qu’est-ce qu’une Data URI ? ▼
Une Data URI intègre le contenu d’un fichier directement dans une chaîne, sans chemin de fichier externe.
Pourquoi ne pas coller directement le SVG dans CSS ? ▼
Parce que certains caractères du SVG doivent être encodés pour rester valides dans une URL.
Puis-je utiliser le résultat dans une balise img ? ▼
Oui. La Data URI générée fonctionne dans img src comme dans background-image.
Est-ce que cela réduit la taille ? ▼
Parfois, mais le principal intérêt est surtout la portabilité et la simplicité d’intégration.
Mes données restent-elles privées ? ▼
Oui. L’encodage est fait entièrement dans votre navigateur.