SVG vers CSS

Convertissez du SVG en data URI optimisée pour background-image CSS, encodée URL ou Base64, avec aperçu en direct. Outil SVG vers CSS gratuit.

À propos de cet outil

Transformez du SVG en data URI pour background-image CSS. L'encodage URL garde un résultat court et lisible ; le Base64 est aussi disponible.

Mode d'emploi

  1. Collez votre SVG.
  2. Choisissez Encodé URL ou Base64.
  3. Copiez la déclaration CSS et vérifiez l'aperçu.

Questions fréquentes

Encodé URL ou Base64 ?

Le SVG encodé URL est en général plus petit et reste lisible. Le Base64 est plus sûr dans les outils qui gèrent mal les caractères spéciaux.

Pourquoi xmlns a-t-il été ajouté ?

Un SVG utilisé en data URI a besoin de xmlns="http://www.w3.org/2000/svg" pour s'afficher ; l'attribut est donc ajouté s'il manque.

Les espaces sont-ils supprimés ?

Oui. Les sauts de ligne et les espaces superflus entre les balises sont réduits pour raccourcir le résultat.

Outils associés