ES

SVG a Base64

Convierte iconos SVG en data URI para fondos CSS y HTML. Elige Base64 o la forma codificada para URL, más corta, que mantiene el SVG legible.

Gratis y privado. Todo funciona en tu navegador y no se sube nada.

Cómo funciona

  1. Añade tu SVGAbre el archivo o suéltalo en el cuadro de entrada. También puedes pegar Base64 directamente.
  2. Elige la salidaElige data URI, Base64, CSS, HTML o Markdown. La vista previa y los tamaños se actualizan al momento.
  3. Copia o descargaCopia el código con un clic o descarga la imagen como archivo.

¿Base64 o codificado para URL?

SVG es texto, así que no necesita Base64. Activa la opción de codificación URL y la herramienta mantiene el SVG como texto, codifica solo los caracteres que lo romperían y te da un resultado que suele ser más corto y se comprime mejor.

Base64 sigue siendo útil cuando un sistema solo acepta data URI en Base64, por eso tienes las dos formas a un clic.

Sobre SVG

SVG es un formato vectorial basado en texto. Como ya es texto, también se puede incrustar sin Base64, lo que a menudo da un resultado más corto.

Sobre Base64

Base64 escribe datos binarios como texto simple con letras, números, + y /. Un data URI añade delante el tipo de archivo, por ejemplo data:image/png;base64, para que los navegadores sepan cómo mostrarlo.

Preguntas frecuentes

¿Puedo cambiar el color del icono después?

No con la propiedad color de CSS, porque el SVG pasa a ser una imagen de fondo. Cambia el color de relleno en el SVG antes de convertirlo, o usa la forma codificada para URL y cambia el valor del color en el texto.

¿Mi imagen se sube?

No. La imagen se lee y se convierte en tu navegador y nunca se envía a nuestros servidores.

¿Hay un límite de tamaño?

No hay un límite fijo, pero los data URI de más de unos 100 KB hacen pesadas las páginas y hojas de estilo. Para imágenes grandes es mejor un archivo de imagen normal.

¿Puedo convertir otros archivos, como PDF o fuentes?

Sí. Cualquier archivo se convierte en data URI o en Base64 simple. Las opciones CSS, HTML y Markdown solo aparecen con imágenes.

¿Cómo convierto Base64 de nuevo en una imagen?

Pega el texto Base64 o el data URI en el cuadro de entrada. La imagen aparece al momento y Descargar la guarda con la extensión de archivo correcta.

¿Funciona sin conexión?

Sí. Después de abrir la página una vez, sigue funcionando sin conexión a internet.