Convertidor Base64 a imagen

Base64 escribe datos binarios, y por tanto también un archivo de imagen terminado, como una cadena de caracteres de texto corrientes. La conversión avanza de tres en tres bytes. Un byte tiene ocho bits y un solo carácter Base64 lleva seis. Tres bytes del archivo caben así en exactamente cuatro caracteres de texto. El alfabeto tiene 64 posiciones: mayúsculas de la A a la Z, minúsculas de la a a la z, cifras del 0 al 9, el signo más y la barra. Cuando al final faltan bytes para completar un grupo de cuatro, el signo igual ocupa los huecos.[1]

Así se transportan los archivos adjuntos del correo, y así también una imagen entra directamente en el código de una página, sin archivo aparte en el servidor.[2]

La cadena por sí sola todavía no dice qué representa. De eso se encarga la data URI, una dirección cuya forma describe el documento RFC 2397 de agosto de 1998. Su estructura es data:[tipo][;base64],datos. En una imagen PNG el comienzo queda así: data:image/png;base64, — y justo tras la coma va la cadena. Si se omite el tipo, quien la recibe da por hecho que le han pasado texto corriente.[3]

Los navegadores bloquean hoy la apertura de direcciones data: en la ventana principal, porque así se difundían páginas de phishing.[4] Una imagen guardada en una dirección así la miras en el código que la contiene, o en una herramienta que lea esa dirección. Pega la cadena en el campo de arriba y pulsa el botón Decodificar.

Pega la cadena en el campo Base64 de la izquierda y pulsa el botón Decodificar. La imagen aparece en la tarjeta Vista previa de imagen, y debajo queda el botón Descargar, que guarda el archivo en el disco con el nombre imagen-decodificada. El botón Limpiar todo vacía el campo y la vista previa a la vez.

El prefijo data:image/png;base64, puedes pegarlo junto con la cadena o dejarlo en el código del que copias. Sin prefijo, el convertidor lee los primeros dieciocho bytes de datos y reconoce el formato por la firma del propio archivo. De ese reconocimiento depende la extensión del archivo descargado: una imagen BMP se guarda como imagen-decodificada.bmp y un icono de sitio como imagen-decodificada.ico.

Una cadena copiada del código fuente de un correo suele venir partida cada 76 caracteres, y el convertidor la lee justo en esa forma. El estándar con el que los navegadores leen Base64 exige eliminar antes todos los caracteres de espacio de los datos, incluidos los espacios y los finales de línea.[5] Una cadena pegada en una docena de líneas da la misma imagen que una pegada en una sola.

Todo el trabajo ocurre en tu ordenador. La cadena se queda en la memoria de la pestaña abierta, el archivo se genera en tu dispositivo, y al cerrar la página ambos desaparecen de la memoria del navegador.

Sobre los campos hay un selector de formatos con el texto Base64 a JPG. Al hacer clic en cualquiera de los dos formatos se abre una lista, y la opción que elijas te lleva a la página del convertidor de ese par. La dirección contraria, escribir un archivo terminado como cadena de caracteres, la cubre el convertidor de imagen a Base64.

La forma de texto necesita cuatro caracteres por cada tres bytes, así que la cadena ocupa más que los datos que describe. La cuenta es corta: divides el número de bytes entre tres, redondeas hacia arriba y multiplicas por cuatro.

De esa fórmula salen dos cifras que muestran la escala. Un icono de sitio pesa 2.678 bytes y, una vez codificado, da 3.572 caracteres. Una foto de 1920 por 1280 píxeles pesa 476.485 bytes, y su forma de texto suma 635.316 caracteres. El aumento ronda cada vez un tercio, es decir, alrededor del 33 por ciento.[2] Otro tanto crece la hoja de estilos o la plantilla de correo en la que se pegue esa imagen.

Base64 traslada los datos y no cambia nada dentro de ellos. Tras decodificar obtienes un archivo idéntico byte a byte al que se codificó. Lo comprobamos en ocho archivos de formatos distintos, comparando sus sumas de verificación antes de codificar y después de volver a leerlos.

La longitud de la cadena la limita el propio navegador. Chromium y Firefox admiten hoy direcciones data: de hasta 512 MB, y Safari de hasta 2048 MB. En Firefox ese límite se movió dos veces. La versión 97 lo subió de 256 KB a 32 MB. La versión 136 lo llevó a los 512 MB actuales.[4]