Decodificador de Base64 a imagen
Decodifica una cadena Base64 o un data URI a imagen, detecta PNG, JPEG, GIF, WebP, SVG o ICO por sus bytes, previsualízala y descarga el archivo.
Se ejecuta completamente en tu navegador. Tus datos nunca se suben.
¿Qué es Base64 a imagen?
Pega una imagen codificada en Base64, con o sin el prefijo data:image/...;base64,, y esta herramienta la decodifica, detecta el tipo de imagen real a partir de los bytes decodificados, muestra una vista previa con sus dimensiones y tamaño de archivo y te permite descargarla con la extensión correcta.
Cómo usar Base64 a imagen
- Pega un data URI o una cadena Base64 sin procesar en el cuadro de entrada (se ignoran los saltos de línea y los espacios).
- Revisa el Tipo detectado, las dimensiones, el tamaño y la vista previa.
- Haz clic en el botón de descarga para guardar el archivo, por ejemplo
decoded-image.png.
Ejemplo
iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAAKklEQVR4nGM0TjvDQBvARCNzR40eNXrU6FGjR40eNXrU6FGjR40eEUYDACc1AaFANYRxAAAAAElFTkSuQmCC
Detected type: PNG (image/png), 30×30 px, 99 B – a solid #3366CC square
Cuándo usar Base64 a imagen
Úsalo para inspeccionar imágenes incrustadas en HTML, CSS, respuestas de API JSON, logs o correos, o para recuperar un archivo que alguien te envió en Base64. No puede reparar cadenas truncadas: si falta parte del Base64, la imagen no será válida.
Cómo funciona Base64 a imagen
La herramienta quita el prefijo del data URI, elimina los espacios, acepta Base64 apto para URL (- y _) y la falta de relleno =, y luego decodifica con atob. Los bytes se identifican por su firma: PNG, JPEG, GIF, WebP, AVIF, HEIC, BMP, ICO, TIFF o texto SVG. Si el data URI declara un tipo MIME distinto al de los bytes, se muestra una advertencia. La vista previa usa una URL de objeto de los bytes decodificados.
Casos de Uso Comunes
- Ver una imagen que una API REST devuelve en Base64.
- Extraer una imagen incrustada de un correo HTML o un archivo CSS.
- Comprobar si un data URI contiene realmente el formato que dice.
- Guardar como PNG una captura en Base64 de un log de pruebas.
Nota de Seguridad
Las imágenes se decodifican, procesan y codifican en local en tu navegador con la API Canvas. No se sube nada a ningún servidor. El contenido SVG solo se muestra dentro de un elemento <img>, donde los scripts del SVG no se ejecutan.
Preguntas Frecuentes
¿Necesito el prefijo data:image?
No. También funciona Base64 sin procesar; el tipo se detecta a partir de los bytes decodificados.
¿Por qué aparece “Base64 no válido”?
La cadena contiene caracteres fuera del alfabeto Base64 o tiene una longitud imposible, normalmente porque se cortó o contiene comillas o secuencias de escape. Pega solo la parte Base64.
¿Y si los datos no son una imagen?
La herramienta te indica que el Base64 se decodifica correctamente pero no es un formato de imagen reconocido, y no ofrece una vista previa engañosa.