SVG a Base64

Cómo convertir SVG a Base64 online

1. Elige Archivo local y selecciona un archivo .svg, o elige URL remota y pega un enlace.
2. Selecciona el formato de salida: Base64 simple, data URI, etiqueta HTML, CSS, JavaScript, JSON o XML.
3. Haz clic en Codificar SVG a Base64. El resultado aparece al instante con una vista previa.
4. Copia el resultado al portapapeles o descárgalo como archivo .txt.

Acerca de SVG (Scalable Vector Graphics)

SVG es un formato vectorial basado en XML: las formas se describen con texto en lugar de píxeles, así que la imagen se ve nítida a cualquier tamaño. Es ideal para iconos, logotipos e ilustraciones.

Como SVG ya es texto, también puedes incrustarlo con codificación URL en lugar de Base64, lo que suele ocupar menos. Aun así, Base64 es la opción más segura cuando el código contiene comillas o caracteres que romperían tu CSS o HTML.

Formatos de salida

Elige cómo debe envolverse el resultado. El convertidor puede devolver:

• txt: solo la cadena Base64, lista para pegar en código, en un campo de base de datos o en una petición a una API.
• uri: un URI data: completo que puedes pegar en la barra de direcciones del navegador o usar en cualquier lugar donde se acepte una URL.
• html img: una etiqueta <img> con el data URI en src.
• css background image: una regla CSS con background-image: url(data:...).
• html favicon: una etiqueta <link rel="icon"> para un favicon incrustado.
• html hyperlink: un enlace <a> que descarga o abre el archivo incrustado.
• html iframe: un <iframe> que muestra el contenido incrustado.
• javascript image: JavaScript que crea un objeto Image.
• javascript popup: JavaScript que abre el contenido en una ventana nueva.
• json: un objeto JSON con el nombre del archivo, el tipo MIME y los datos.
• xml: un elemento XML con los datos dentro de una sección CDATA.

¿Es seguro y qué tamaño tendrá el resultado?

Tu archivo nunca se sube: tu navegador lo lee y lo convierte localmente con la File API, así que incluso los documentos confidenciales se quedan en tu dispositivo.

Base64 representa cada 3 bytes con 4 caracteres, así que el resultado codificado es alrededor de un 33 % más grande que el archivo original (más unos pocos bytes de relleno y del prefijo data URI).