SVG en Data URL

Fonctionnalités

• Produit à la fois une data URI base64 data:image/svg+xml et une data URI URL-encodée data:image/svg+xml;utf8 compatible CSS.
• Intégrez une icône en background-image CSS ou en src sans requête HTTP supplémentaire.
• Affiche le nombre d'octets de chaque encodage et une miniature live pour choisir le plus léger.

Comment ça marche

1. Collez votre code SVG ou déposez un fichier .svg dans l'encodeur.
2. Lisez la data URI base64 et la data URI URL-encodée et comparez leur poids en octets.
3. Cliquez sur copier pour l'encodage voulu et collez-le dans votre CSS ou votre HTML.

Outils connexes

• Visionneuse SVGDéposez ou collez un SVG pour le prévisualiser, inspecter ses dimensions et lire son code source — en toute sécurité (sandbox).
• SVG en PNG / JPG / WebPRastérisez n'importe quel SVG en PNG, JPG ou WebP haute qualité à la taille exacte voulue — avec aperçu live.
• Éditeur SVGModifiez le code SVG, les dimensions, viewBox, les couleurs et les transformations — avec aperçu live. Un éditeur à panneau qui garde votre source propre.
• Favicon depuis un SVGGénérez un pack de favicons complet à partir d'un seul SVG : favicon.ico, apple-touch-icon, icônes Android Chrome et un site.webmanifest — dans un ZIP.

Sujets couverts

• svg en data url
• svg en base64
• data uri svg
• encoder svg css
• url encode svg
• svg inline