Convertissez SVG en Data URI pour les images d'arrière-plan CSS, avec options d'encodage URL et Base64
Conversion de format
À propos de cet outil
SVG vers Data URI est un outil en ligne qui peut convertir du code SVG en chaîne Data URI, pour une utilisation intégrée dans CSS et HTML. Il prend en charge les sorties encodées URL et Base64, l'optimisation SVG optionnelle, et génère du code CSS directement utilisable — tout le traitement étant effectué localement dans le navigateur.
Principales fonctionnalités
- Conversion de SVG en Data URI encodé URL
- Conversion de SVG en Data URI encodé Base64
- Optimisation SVG avant la conversion
- Format de sortie CSS background-image
- Sortie HTML img src et Data URI brut
- Conversion en temps réel avec aperçu en direct
Cas d'utilisation
- Intégrer directement des icônes SVG dans des feuilles de style CSS
- Intégrer des images SVG en ligne dans HTML pour améliorer les performances
- Réduire les requêtes HTTP en intégrant SVG en tant que Data URI
- Créer des documents HTML portables contenant des images intégrées
- Générer des extraits de code CSS pour des arrière-plans SVG
svg
data-uri
base64
embed
inline
Questions fréquentes
Qu'est-ce que le convertisseur SVG vers Data URI ?
Le convertisseur SVG vers Data URI est un outil en ligne de conversion de format qui peut convertir du code SVG en chaîne Data URI, pour une utilisation intégrée dans CSS et HTML. Il prend en charge l'encodage URL et l'encodage Base64, et fournit l'optimisation SVG et la génération de code CSS directement utilisable.
Quelle est la différence entre l'encodage URL et Base64 ?
Le Data URI encodé URL utilise l'encodage en pourcentage pour représenter les caractères spéciaux, la sortie est plus grande mais plus lisible. L'encodage Base64 génère une représentation binaire-vers-texte compacte, plus petite pour les SVG complexes, mais illisible.
L'outil optimise-t-il le SVG avant la conversion ?
Oui, lorsque l'option d'optimisation SVG est activée, l'outil supprime les espaces, les commentaires et les attributs vides inutiles du SVG avant de générer le Data URI, réduisant ainsi la taille de la sortie.
Mes données SVG seront-elles envoyées à un serveur ?
Non. Toute la conversion SVG vers Data URI s'effectue entièrement dans votre navigateur. Votre code SVG n'est ni téléchargé ni transmis à un serveur, garantissant que votre travail reste entièrement privé et sécurisé.
Puis-je utiliser directement la sortie en CSS ?
Oui. L'outil génère un extrait de code CSS background-image directement utilisable. Copiez simplement la sortie CSS et collez-la dans votre feuille de style, le Data URI pouvant être utilisé comme URL d'image d'arrière-plan valide.