Base64 a imagen

Cuando la imagen viene escrita como texto

Abres un archivo CSS, una respuesta de una API o el código fuente de un correo y te topas con un párrafo interminable de letras y números sin sentido aparente. No es un error del programa: es una imagen. Alguien la convirtió en texto para poder meterla dentro de un documento que solo admite caracteres, y ahora te toca a ti hacer el camino de vuelta.

Eso es exactamente lo que hace esta página: recibe la cadena, reconstruye el archivo original y te lo enseña para que puedas guardarlo en tu disco. Es la dirección texto → archivo. Si lo que necesitas es lo contrario, partir de una foto que ya tienes y obtener su cadena, la herramienta que buscas es imagen a Base64.

Anatomía de un data URI

La forma habitual de encontrarte una imagen codificada es dentro de un data URI, una dirección que en lugar de apuntar a un servidor lleva el contenido incorporado. Se distingue por tener cuatro piezas encadenadas:

1. El esquema data:, que anuncia que el propio texto es el recurso.
2. El tipo de contenido, por ejemplo image/png o image/jpeg, que indica qué clase de archivo se ha guardado ahí.
3. La marca ;base64, que avisa de que lo que viene está codificado y no en texto plano.
4. Una coma y, detrás, la carga: la ristra de caracteres del alfabeto Base64 que contiene los bytes de la imagen.

Reconocerlo importa porque el prefijo es la única pista fiable del formato real. Si la cadena llega desnuda, sin prefijo, la herramienta asume PNG, que es la apuesta más segura y suele funcionar.

Los tres sitios donde suele aparecer

Hojas de estilo y HTML

Iconos, flechas de menús desplegables, texturas de fondo y logotipos diminutos viajan a menudo incrustados en el CSS para ahorrar peticiones al servidor. Aparecen dentro de una regla de fondo y, si quieres reutilizar ese icono en otro sitio, tienes que extraer la cadena y decodificarla.

Respuestas JSON de una API

Muchos servicios devuelven fotos de perfil, firmas manuscritas, capturas o códigos de barras como un campo de texto más dentro del JSON, porque así todo cabe en una sola respuesta. Al copiar ese valor ten cuidado con las barras invertidas que el JSON añade para escapar caracteres: hay que quitarlas antes de pegar.

Correos y exportaciones

Los mensajes en HTML incrustan imágenes para que se vean aunque el destinatario bloquee las descargas externas, y lo mismo ocurre con informes exportados o copias de seguridad que meten todo en un único archivo. Ver el original obliga a pasar por una decodificación como esta.

Del texto al archivo, paso a paso

1. Pega el data URI entero o solo la parte codificada.
2. La vista previa se genera sola: si se ve la imagen, la cadena estaba completa y es válida.
3. Pulsa «Descargar imagen» y el archivo se guarda con su extensión correcta, listo para usarlo en cualquier programa.

Si la vista previa sale en blanco

El fallo casi nunca está en la decodificación, sino en lo que se ha pegado. Repasa estos cuatro sospechosos habituales antes de darlo por perdido:

• La copia está incompleta. Son cadenas de miles de caracteres y seleccionarlas a mano en un editor deja fuera el final con muchísima facilidad.
• Se han colado envoltorios. Comillas, paréntesis de una regla de fondo del CSS o barras invertidas de escape procedentes de un JSON hay que quitarlos.
• Hay saltos de línea de por medio. Algunos correos y ficheros de configuración parten la cadena en trozos de setenta y pocos caracteres.
• No era una imagen. Si el prefijo anuncia un PDF, una fuente tipográfica o un archivo comprimido, no hay nada que dibujar.

Una vez recuperado el archivo puedes tratarlo como cualquier otra imagen: reducir su peso, cambiarle el formato o recortar la parte que te interesa. Y si la cadena que tenías no era una imagen sino texto corriente, el decodificador Base64 general te la traduce. Encontrarás el resto de utilidades en herramientas de archivos.