Convertir archivo a Base64

Convierte cualquier archivo a una cadena Base64, con opción de incluir el prefijo data:.

Tus datos no se envían a ningún servidor.

Texto → Base64 Base64 → Texto Archivo → Base64 Base64 → Archivo

La herramienta de archivo a Base64 convierte cualquier archivo en una cadena de texto Base64, sola o como data URI con el prefijo data: listo para incrustar en HTML o CSS. El archivo se lee en tu navegador y no se sube a ningún sitio.

Con prefijo o sin él

Formato	Aspecto	Dónde se usa
Data URI	`data:image/png;base64,iVBORw0…`	`src` de una imagen, `url()` en CSS
Solo Base64	`iVBORw0…`	Campos JSON de una API, correos, bases de datos

La diferencia es solo la cabecera: el prefijo indica el tipo de archivo para que el navegador sepa cómo mostrarlo. Si el tipo no se reconoce, el prefijo empieza desactivado.

Un ejemplo en CSS

Un icono pequeño incrustado ahorra una petición al servidor:

.aviso::before {
  content: "";
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0…") no-repeat;
}

Con los SVG a menudo es mejor no usar Base64 y escribir el código directamente en el data URI, codificado para URL, porque ocupa menos. Base64 compensa sobre todo con PNG, fuentes y otros formatos binarios.

Cómo usar Archivo a Base64

1
Elige el archivo
Arrástralo a la zona de carga o haz clic para buscarlo. Vale cualquier formato: imágenes, PDF, fuentes, audio o lo que necesites.
2
Decide si quieres el prefijo data:
Actívalo si vas a pegar el resultado en HTML o CSS, porque le dice al navegador qué tipo de archivo es. Déjalo apagado si el destino espera solo la cadena, como un campo JSON de una API.
3
Copia la cadena
Pulsa el botón de copiar. En archivos grandes la cadena es muy larga, así que es mejor copiarla que seleccionarla a mano.

Preguntas frecuentes

¿Qué es un data URI?

Un archivo escrito dentro de una dirección. Tiene la forma data:tipo;base64,datos, por ejemplo data:image/png;base64,iVBORw0KGgo… y se puede poner en cualquier sitio donde iría la URL de una imagen o una fuente.

¿Cuánto crece el archivo al pasarlo a Base64?

Un tercio. Base64 convierte cada 3 bytes en 4 caracteres, así que una imagen de 30 KB se convierte en unos 40 KB de texto.

¿Conviene incrustar las imágenes de mi web en Base64?

Solo las muy pequeñas, como iconos de uno o dos kilobytes. Una imagen incrustada no se puede guardar en la caché por separado y hace más pesado el HTML o el CSS que la contiene, así que para fotos es mejor un archivo normal.

¿Se sube mi archivo a algún servidor?

No. El navegador lee el archivo y lo codifica en tu dispositivo; nada sale de él. Por eso puedes usarlo con documentos privados.