SVG a data URI
Codifica SVG para img src, url() de CSS o cualquier sitio donde quepa un URI.
o suelta un archivo / pega código abajo
Data URI
La salida aparece aquí
Cómo funciona
- 1Pega código SVG o suelta un archivo .svg.
- 2Elige codificación en URL (más pequeña) o base64.
- 3Copia el data URI para usarlo en HTML, CSS o markdown.
Gratis, sin registro y sin marcas de agua: todo se ejecuta localmente en tu navegador, así que tus archivos nunca salen de tu equipo.
Preguntas frecuentes
¿URL o base64? ¿Qué es mejor?
Para SVG, la codificación en URL suele ser entre un 20 y un 30 % más pequeña y sigue siendo legible. Base64 es más seguro dentro de analizadores estrictos.
Herramientas relacionadas
SVG a CSS
Incrusta cualquier SVG en tu hoja de estilos como un data URI codificado.
Optimizador de SVG
Limpieza con SVGO: archivos más pequeños, los mismos píxeles. El ahorro se ve al instante.
Visor y editor SVG
Pega código SVG o suelta un archivo: vista previa en vivo, edición y descarga. 100 % en tu navegador.