Base64 a imagen, con vista previa y lista para descargar.

Las imágenes incrustadas en HTML, CSS, JSON y correos suelen llegar como URI data: data:image/png;base64,iVBORw0KGgo…. Todo lo que va antes de la coma es una etiqueta; la imagen es el Base64 que va después. Aquí puedes pegar cualquiera de las dos formas. Si hay prefijo, se elimina, pero el decodificador comprueba igualmente la firma del archivo, así que una imagen etiquetada como image/png que en realidad es un JPEG se identifica y se guarda correctamente.

Para incrustar la imagen en otro sitio no hace falta decodificarla: una URI data: se puede usar directamente como <img src> o en un url() de CSS. Decodificar sirve cuando necesitas el archivo en sí: para editarlo, inspeccionarlo o comprobar qué devolvió realmente una API.

Como Base64 convierte siempre los mismos bytes en los mismos caracteres, cada formato de archivo tiene un comienzo reconocible. Puedes saber qué contiene una cadena Base64 antes de decodificarla:

Una cadena que empieza por /9j/ es un JPEG y una que empieza por iVBORw0KGgo, un PNG: muy útil cuando una línea de registro o una columna de base de datos no te da ninguna otra pista.

• La cadena está truncada. Los visores de registros, las aplicaciones de chat y las celdas de hojas de cálculo suelen cortar los valores Base64 largos (Excel se detiene en 32.767 caracteres). La cabecera se decodifica, pero los datos de la imagen están incompletos. Copia el valor de la fuente original.
• No es una imagen. Mira el campo Tipo bajo la salida. Si dice PDF, ZIP o Datos binarios, el Base64 contiene otro tipo de archivo: descárgalo.
• El formato no se puede mostrar. Los navegadores no muestran HEIC ni TIFF, así que esos archivos se decodifican bien pero no se pueden previsualizar. Descárgalos y ábrelos con un visor de imágenes.
• Se codificó dos veces. Si la salida es más Base64 (a menudo empieza por aVZCT1J3, que es «iVBORw» codificado otra vez), pulsa Enviar a la entrada y decodifica de nuevo.

# Python
import base64
with open("image.png", "wb") as f:
    f.write(base64.b64decode(b64_string))

// Node.js
fs.writeFileSync("image.png", Buffer.from(b64String, "base64"));

# Linux / macOS shell
base64 --decode image.b64 > image.png

Elimina cualquier prefijo data:image/…;base64, antes de decodificar en código: la mayoría de los decodificadores lo tratan como entrada no válida. Encontrarás más lenguajes en los ejemplos de código para decodificar Base64.