Cómo convertir una cadena Base64 de vuelta a archivo de imagen
Decodifica URIs `data:image/...` de respuestas API, instantáneas del navegador o fragmentos pegados otra vez en PNG o JPEG que puedas guardar y compartir.
Más utilidades que combinan bien con esta guía:
Por qué importa
Un desarrollador frontend depura una librería de gráficos. La librería devuelve el gráfico renderizado como cadena data:image/png;base64,... y quiere adjuntarlo al informe de error como PNG real. Decodificarlo a mano implica el prefijo MIME, la coma y la API Buffer correcta. Una herramienta enfocada lo reduce a pegar y descargar.
Tres escenarios reales
Copia el data URI desde console.log, pega, descarga el PNG.
Adjunto al ticket
Decodifica y visualiza sin escribir un script Node puntual.
Confirmación visual
Pega el bloque Base64 referenciado por cid:, recupera la imagen original y entrégalo al equipo.
Evidencia para seguridad
Guía paso a paso
Abre la herramienta Base64 a imagen.
Pega el data URI o Base64 crudo
Ambos funcionan. La herramienta detecta el MIME del prefijo o te pide elegir si solo hay Base64.
Previsualiza la imagen
La imagen decodificada se renderiza en el panel derecho. Se informan ancho, alto y tipo de archivo.
Verifica la integridad
Si la vista previa está rota o el tamaño es 0×0, la entrada está corrupta o truncada.
Descarga como archivo
El nombre por defecto usa la extensión inferida (
.png,.jpg,.webp).Opcional: hash para huella digital
Pasa el archivo guardado por el generador de hash para comprobación de integridad.
Data URI
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAusB9V4dM7sAAAAASUVORK5CYII=Decodificado
Image: 1 × 1 PNG
Size: 68 bytes (decoded)
Consejos útiles
- Elimina espacios en blanco antes de decodificar. El Base64 pegado desde correo suele tener saltos de línea blandos cada 76 caracteres.
- Verifica que el MIME coincida con el tipo real de archivo. Algunos atacantes ocultan scripts dentro de
data:image/svg+xml. Decodifica e inspecciona. - Para varios data URIs en exportaciones JSON o manifiestos, divide por
,tras el prefijo y decodifica cada entrada. - Dirección inversa — si tienes el archivo y quieres el data URI, usa Imagen a Base64.
Trampas comunes
Error frecuente
Imagen decodificada corrupta
El Base64 puede faltar caracteres, tener comillas sueltas o usar un alfabeto no estándar. Verifica el Base64 con la herramienta Codificar/Decodificar y vuelve a importar aquí.
Error frecuente
Desajuste MIME guarda con extensión incorrecta
El prefijo del data URI es la fuente de verdad. Si el prefijo es image/jpeg pero los bytes son PNG, el archivo no abrirá. Inspecciona el número mágico (PNG, JFIF).
Error frecuente
Cadena Base64 enorme congela el pegado
Para cadenas multimegabyte el textarea puede colgarse. Guarda la cadena en un .txt primero y arrástrala al área de entrada en lugar de pegar.
Cuándo no es la herramienta adecuada
- Decodificación programática en código — usa APIs nativas (
atob,Buffer.from,base64.b64decode). - Datos no imagen como fuentes (
.woff2) o audio — usa Codificar/Decodificar y descarga como binario genérico. - Extracción masiva de PDFs / buzones — herramientas forenses dedicadas manejan el contenedor.
Preguntas frecuentes
¿Se soportan archivos grandes?
Hasta unos cientos de MB según memoria del navegador. Más allá, prefiere CLI tipo base64 -d en terminal.
¿Soporta SVG?
Sí. data:image/svg+xml;base64,... decodifica a SVG visible; también puedes guardar como .svg.
¿Se suben los datos?
No. La decodificación corre por completo en tu navegador.
Próximos pasos
- Comprime la imagen recuperada con el Compresor de imágenes.
- Hashea el archivo para archivo con el generador de hash.
- ¿Necesitas la inversa (imagen → Base64)? Prueba Imagen a Base64.