Conversor de SVG a Data URI
Pega marcado SVG para crear una URI compacta data:image/svg+xml para CSS o HTML, o decodifica una data URI de SVG de vuelta a marcado.
Convert SVG markup to a CSS/HTML-safe data URI and back.
Cómo convertir SVG a una Data URI
Codifica marcado SVG en una Data URI para CSS o HTML, o decodifica una Data URI de SVG existente de vuelta a marcado.
Para qué sirve
Las Data URI de SVG son útiles para íconos pequeños en línea, fondos CSS y prototipos compactos.
Conversión en ambos sentidos
- Pega marcado SVG para codificarlo.
- Pega una Data URI de SVG para decodificarla.
- Copia el resultado para CSS o HTML.
Mantenlo pequeño
Las Data URI funcionan mejor con SVG pequeños. Las ilustraciones grandes suelen ser más fáciles de mantener como archivos separados.
Notas sobre Data URI
Las Data URI son convenientes para SVG pequeños. Una vez que la cadena codificada se vuelve larga, un archivo .svg separado suele ser más fácil de cachear, leer y mantener.
Preguntas frecuentes
¿Puedo usar el resultado en CSS?
Sí. La salida codificada está lista para usarse en CSS url(...) o en atributos HTML.
¿Sanea el SVG?
No. Solo convierte texto, así que revisa los SVG de fuentes no confiables antes de usarlos.
¿Puede decodificar cualquier Data URI?
Está enfocado en Data URI de SVG, no en formatos de archivo arbitrarios.