Convertir imagen a Base64

Cómo convertir una imagen a Base64

1. 1

   Suelta tu imagen o pega una cadena Base64

   Añade hasta veinte imágenes para codificar o cambia de dirección y pega una cadena que ya tengas. Un archivo .txt que contenga la cadena también sirve.

2. 2

   Elige la dirección

   Al codificar obtienes un data URI o la carga útil Base64 en bruto. Al decodificar obtienes un archivo de imagen descargable con la extensión correcta.

3. 3

   Copia la cadena o descarga el archivo

   Copia el resultado directamente a tu hoja de estilos o guarda la imagen decodificada. Un lote de imágenes se devuelve como un ZIP con un archivo de texto por imagen más un JSON combinado.

Qué hace realmente Base64

Base64 no comprime ni convierte nada. Reescribe los mismos bytes usando solo 64 caracteres que sobreviven al pegarlos como texto. Tres bytes se convierten en cuatro caracteres; por eso el resultado siempre es alrededor de un tercio más grande que el archivo. El objetivo no es el tamaño, sino el lugar: un data URI puede ir dentro de una hoja de estilos, un atributo HTML o un campo JSON, en sitios donde enlazar a un archivo separado sería incómodo o imposible.

Data URI o carga útil en bruto

Un data URI es la cadena completa que empieza por data:image/png;base64, y es lo que un navegador espera en un fondo CSS o en el src de un img. La carga útil en bruto es todo lo que va después de esa coma; es lo que suele querer un campo de API o una columna de base de datos, porque allí el tipo se registra por separado. Ambos salen de los mismos bytes, así que puedes pasar de uno a otro sin volver a codificar nada.

El tipo sale de los bytes

El tipo MIME que se escribe en el data URI se lee de los primeros doce bytes del archivo, no de su nombre. Así, un PNG que alguien renombró a .jpg sigue saliendo como data:image/png. Eso importa porque un navegador se niega a mostrar un data URI cuyo tipo declarado no coincide con el contenido, y cuando pasa eso lo que parece roto es la página, no el archivo. SVG es la excepción, porque es texto: se reconoce por su etiqueta de apertura, no por una firma binaria.

Decodificar de vuelta a un archivo

Pega lo que sea: un data URI completo, una carga útil sola o una cadena con saltos de línea. Se elimina todo el espacio en blanco, se comprueba el alfabeto antes de decodificar para que un pegado truncado falle al instante en vez de producir un archivo corrupto, y los bytes resultantes se comparan con la misma tabla de firmas para elegir la extensión. Si los bytes no encajan con ningún formato conocido, se abre la lista de formatos para que indiques cuál debería ser.

Preguntas frecuentes