ToolHub
Abrir herramienta

SVG a Data URI

Convierta SVG a Data URI para imágenes de fondo CSS, con opciones de codificación URL y Base64

Conversión de formato
Iniciar herramienta Todas las herramientas

Acerca de esta herramienta

SVG a Data URI es una herramienta en línea que convierte código SVG en cadenas Data URI para uso en línea en CSS y HTML. Admite salida con codificación URL y Base64, optimización opcional de SVG y genera código CSS listo para usar, todo procesado localmente en el navegador.

Características principales

Vista previa rápida

Casos de uso

svg data-uri base64 embed inline

Preguntas frecuentes

¿Qué es un conversor de SVG a Data URI?

El conversor de SVG a Data URI es una herramienta de conversión de formato en línea que convierte código SVG en cadenas Data URI para uso en línea en CSS y HTML. Admite codificación URL y Base64, y ofrece optimización de SVG y generación de código CSS listo para usar.

¿Cuál es la diferencia entre codificación URL y Base64?

La Data URI con codificación URL utiliza codificación porcentual para caracteres especiales, produciendo una salida más grande pero más legible. La codificación Base64 genera una representación compacta de binario a texto, más pequeña para SVG complejos pero no legible por humanos.

¿La herramienta optimiza el SVG antes de la conversión?

Sí, cuando se activa la opción de optimizar SVG, la herramienta elimina espacios en blanco, comentarios y atributos vacíos innecesarios del SVG antes de generar la Data URI, reduciendo el tamaño de la salida.

¿Mis datos SVG se envían al servidor?

No. Toda la conversión de SVG a Data URI se realiza completamente en su navegador. Su código SVG no se carga ni se transmite a ningún servidor, garantizando que su trabajo sea completamente privado y seguro.

¿Puedo usar la salida directamente en CSS?

Sí. La herramienta genera fragmentos de código CSS background-image listos para usar. Simplemente copie la salida CSS y péguela en su hoja de estilos; la Data URI funcionará como una URL de imagen de fondo válida.

Herramientas relacionadas

Codificador/Decodificador Base64Codificador/Decodificador URLConversor de marcas de tiempoConversor de unidades