SVG en data URI
Encodez du SVG pour img src, url() en CSS ou partout où un URI trouve sa place.
ou déposez un fichier / collez du code ci-dessous
Data URI
La sortie s'affiche ici
Fonctionnement
- 1Collez du code SVG ou déposez un fichier .svg.
- 2Choisissez l'encodage URL (plus léger) ou base64.
- 3Copiez le data URI pour l'utiliser en HTML, CSS ou markdown.
Gratuit, sans inscription, sans filigrane — tout s'exécute localement dans votre navigateur, vos fichiers ne quittent donc jamais votre machine.
Questions fréquentes
Encodage URL ou base64 — lequel choisir ?
Pour le SVG, l'encodage URL est en général 20 à 30 % plus léger et reste lisible. Le base64 est plus sûr dans les analyseurs stricts.
Outils associés
SVG en CSS
Intégrez n'importe quel SVG dans votre feuille de style sous forme de data URI encodé.
Optimiseur SVG
Nettoyage propulsé par SVGO : des fichiers plus légers, les mêmes pixels. Le gain est visible immédiatement.
Visionneuse et éditeur SVG
Collez du code SVG ou déposez un fichier — aperçu en direct, modification, téléchargement. 100 % dans votre navigateur.