Skip to content

Conversor de Base64 a Imagen

Decodifica una cadena Base64 o data URI de vuelta a una imagen en tu navegador. Previsualiza, lee dimensiones y MIME, luego descarga como PNG, JPG, GIF, SVG. Sin subir.

Sin rastreo Se ejecuta en el navegador Gratis
Todo se ejecuta en tu navegador. Tus imágenes nunca salen de tu dispositivo.

Suelta una imagen aquí, pégala o haz clic para explorar

PNG · JPG · GIF · WebP · SVG · ICO · BMP — convertido enteramente en tu navegador

Revisado para decodificación sin pérdidas, detección de MIME por bytes mágicos, tolerancia a espacios en blanco y salida correcta de extensión de archivo — Equipo de Ingeniería de Go Tools · Jun 5, 2026

¿Qué es la decodificación de Base64 a Imagen?

La decodificación de Base64 a imagen es lo inverso de codificar: toma una cadena de caracteres ASCII imprimibles del alfabeto Base64 (A–Z, a–z, 0–9, + y /) y reconstruye la imagen binaria original que la cadena representa. Cada grupo de cuatro caracteres Base64 se mapea de vuelta a tres bytes, y uno o dos caracteres = finales indican el relleno. El resultado es el archivo exacto que se codificó originalmente — un PNG vuelve como PNG, un JPEG como JPEG — sin pérdida, recompresión ni redimensionamiento.

Estas cadenas aparecen allí donde una imagen se ha incrustado como texto. Un data URI en una hoja de estilos (background-image: url(data:image/png;base64,…)), un src de img en HTML, un campo de miniatura en una respuesta de API en JSON, un logotipo incrustado en un correo HTML o un recurso empaquetado en un archivo de configuración son todas imágenes Base64 esperando a ser decodificadas. Cuando estás depurando, auditando o extrayendo un recurso así, necesitas ver qué es realmente la cadena opaca y sacarla como un archivo real — que es exactamente lo que hace este decodificador.

La operación es puramente mecánica y no requiere ninguna clave, porque Base64 es una codificación en lugar de un cifrado. Eso también significa que no ofrece seguridad: cualquiera que tenga la cadena puede recuperar la imagen al instante. Base64 existe únicamente para permitir que los datos binarios pasen por canales diseñados para texto — HTML, JSON, URLs, cabeceras de correo — sin ser corrompidos por caracteres de control o delimitadores. Decodificar simplemente deshace ese empaquetado seguro para texto y te devuelve los bytes originales.

Esta herramienta realiza toda la decodificación localmente en tu navegador. Tolera el desorden de las cadenas del mundo real — prefijos data: ausentes, ajuste de línea a 76 caracteres, espacios en blanco sueltos del copiar y pegar — e infiere el formato de imagen de los bytes mágicos de los datos cuando el tipo MIME no se declara. Para crear estas cadenas en primer lugar, consulta el codificador complementario Imagen a Base64.

// A Base64 PNG payload (no prefix)
iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==

// The decoder infers the format from the leading bytes:
//   iVBORw0KGgo → PNG
//   /9j/        → JPEG
//   R0lGOD      → GIF
//   UklGR       → WebP
//   PHN2Zy      → SVG (<svg)

// Reconstructed as a real file, downloadable as image.png
// (1 × 1 transparent PNG, 68 bytes — lossless round trip)

Características principales

Entrada con prefijo opcional

Pega un data URI completo o solo la carga útil Base64 desnuda — el decodificador maneja ambos. Cuando no hay prefijo data:, infiere el tipo MIME a partir de los bytes mágicos de la imagen para que la vista previa y la descarga sigan siendo correctas.

Vista previa local instantánea

La imagen decodificada se renderiza de inmediato sobre un fondo a cuadros, así que los PNG transparentes y los gráficos con alfa parcial son claramente visibles. Todo ocurre en tu navegador sin ninguna solicitud de red.

Lectura de dimensiones, MIME y tamaño

Más allá de la vista previa, la herramienta informa de las dimensiones en píxeles decodificadas, el tipo MIME detectado y el tamaño reconstruido en bytes — lo suficiente para verificar que decodificaste el recurso correcto antes de descargarlo.

Decodificación tolerante a espacios en blanco

Las cadenas envueltas a 76 caracteres según el RFC 2045, o copiadas con espacios y saltos de línea sueltos, se limpian automáticamente. El decodificador elimina todos los espacios en blanco antes de decodificar, así que el copiar y pegar del mundo real simplemente funciona.

Descarga sin pérdidas

Descargar reconstruye los bytes originales exactos y los guarda con la extensión coincidente — .png, .jpg, .gif, .webp, .svg, .ico, .bmp. Sin recompresión ni conversión: el archivo es idéntico al que se codificó.

Codificador integrado

La pestaña Imagen → Base64 invierte la dirección: suelta, pega o navega hasta una imagen y obtén salida Base64, data URI, HTML, CSS, Markdown y JSON con métricas de tamaño y consejo de incrustación — un viaje de ida y vuelta completo en una sola herramienta.

Ejemplos

Decodificar un data URI PNG

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==
PNG de 1 × 1, transparente — vista previa renderizada, descargable como .png

Pega un data URI completo y la herramienta renderiza la imagen de inmediato, lee sus dimensiones reales y su tipo MIME, y te permite descargar el archivo reconstruido.

Base64 en bruto sin prefijo

/9j/4AAQSkZJRgABAQEAYABgAAD…
JPEG detectado a partir de los bytes mágicos — vista previa + descarga como .jpg

¿Sin prefijo data:? No hay problema. El decodificador inspecciona los caracteres iniciales, reconoce la firma JPEG (/9j/) y construye un data URI correcto por ti para que la imagen se renderice igualmente.

Base64 fragmentado (con saltos de línea)

iVBORw0KGgoAAAANS
UhEUgAAAAEAAAAB
CAYAAAA…
Espacios en blanco eliminados automáticamente — PNG válido decodificado

Las cadenas envueltas a 76 caracteres (RFC 2045) o copiadas con saltos de línea sueltos se limpian automáticamente: el decodificador elimina todos los espacios en blanco antes de decodificar.

Cómo convertir Base64 a una imagen

  1. 1

    Pega la cadena Base64

    Introduce un data URI completo o solo la carga útil Base64 en bruto. El decodificador elimina espacios en blanco y saltos de línea automáticamente y acepta entradas con o sin el prefijo data:.

  2. 2

    Comprueba la vista previa y los metadatos

    La imagen se renderiza al instante sobre un fondo a cuadros para que la transparencia sea visible. La herramienta muestra las dimensiones decodificadas, el tipo MIME y el tamaño en bytes — infiriendo el formato de los bytes mágicos cuando no hay prefijo presente.

  3. 3

    Descarga la imagen

    Haz clic en Descargar para guardar el archivo reconstruido con la extensión correcta. La decodificación es sin pérdidas, así que el resultado es byte a byte idéntico a la imagen codificada original.

Errores comunes

Cadena truncada (relleno perdido)

Las cadenas de imagen Base64 terminan en cero, uno o dos caracteres =. Una copia que se queda corta — perdiendo el relleno o los últimos caracteres — no se puede decodificar y muestra un error. Vuelve a copiar el valor completo para solucionarlo.

✗ Incorrecto
…WjR9awAAAABJRU5ErkJggg
// missing trailing == — fails to decode
✓ Correcto
…WjR9awAAAABJRU5ErkJggg==
// complete with padding — decodes cleanly

Pegar datos que no son de imagen

Base64 puede codificar cualquier byte, no solo imágenes. Si pegas un PDF, ZIP o texto plano codificado, la cadena se decodifica pero no se renderiza como imagen. La herramienta informa de que los datos no son datos de imagen válidos. Confirma que la fuente realmente es una imagen antes de decodificar.

✗ Incorrecto
JVBERi0xLjcN…
// this is a Base64 PDF (%PDF header), not an image
✓ Correcto
iVBORw0KGgo…
// this is a Base64 PNG — renders correctly

Incluir el código que la envuelve

Al copiar desde CSS o HTML, es fácil coger la sintaxis circundante — url("…"), src="…" o las comillas — junto con el data URI. Los caracteres de envoltura sueltos pueden romper la decodificación. Copia solo el valor data:…;base64,… (o la carga útil desnuda), no el código que lo rodea.

✗ Incorrecto
url("data:image/png;base64,iVBORw0KGgo…")
// the url(" and ") are not part of the data
✓ Correcto
data:image/png;base64,iVBORw0KGgo…
// just the data URI

Cadenas con doble codificación o codificadas en URL

Ocasionalmente un data URI está codificado en URL (%2B en lugar de +, %2F en lugar de /) o envuelto en otra capa de codificación. Decodifica esa capa primero. Nuestro Decodificador URL invierte la codificación con porcentajes para que te quede Base64 limpio que pegar aquí.

✗ Incorrecto
data:image/png;base64,iVBORw0KGgo%2B%2F…
// %2B / %2F are URL-encoded + and /
✓ Correcto
data:image/png;base64,iVBORw0KGgo+/…
// URL-decode first, then decode the image

Casos de uso comunes

Extraer un recurso de un data URI
¿Encontraste una imagen incrustada en una hoja de estilos o HTML como data URI y necesitas el archivo real? Pega la cadena, confirma la vista previa y descarga el PNG, JPG o SVG original — sin necesidad de alojarlo o recrearlo.
Inspeccionar la miniatura de una respuesta de API
Una API devolvió un campo de imagen Base64 y quieres ver qué es. Pega la carga útil para renderizarla al instante, lee sus dimensiones y tipo reales, y guárdala para inspeccionarla de cerca o para informes de errores.
Depurar una imagen en línea rota
Una imagen incrustada no se renderiza en tu página. Suelta su Base64 aquí: si se previsualiza correctamente, los datos son válidos y el problema está en tu marcado o tipo MIME; si falla, la cadena en sí está truncada o corrupta.
Recuperar una imagen de un archivo de configuración o tema
Las herramientas de compilación y los paquetes de temas a menudo incrustan iconos y logotipos como Base64. Decodifica la cadena para sacar el recurso de nuevo como un archivo normal que puedes editar, reexportar o reutilizar en otro lugar.
Verificar la salida de una herramienta de compilación
Un empaquetador o script generó un data URI y quieres confirmar que es válido y correcto antes de enviarlo. Decodificarlo aquí es la comprobación visual más rápida de que el paso de codificación produjo la imagen que esperabas.
Convertir Base64 de vuelta a un archivo compartible
Alguien te envió una imagen como un blob Base64 en un chat o documento. Pégala, previsualízala y descarga un archivo real que puedas abrir, adjuntar o subir con normalidad.

Detalles técnicos

Cómo funciona la decodificación
El atob integrado del navegador convierte la carga útil Base64 en una cadena binaria, que la herramienta copia byte a byte en un Uint8Array. Ese array tipado se envuelve en un Blob etiquetado con el tipo MIME detectado, y un object URL apunta la vista previa y el enlace de descarga hacia él. Cada grupo de cuatro caracteres Base64 produce tres bytes; el relleno final = marca el resto de uno o dos bytes. El proceso es exacto y sin pérdidas — los bytes reconstruidos coinciden con el archivo original con precisión.
Detección de formato por bytes mágicos
Cuando la entrada no tiene prefijo data: para declarar un tipo MIME, el decodificador identifica el formato a partir de los primeros caracteres Base64, que codifican los bytes de firma del archivo. iVBORw0KGgo decodifica a la cabecera PNG, /9j/ al marcador SOI de JPEG, R0lGOD a GIF, UklGR al contenedor RIFF/WebP, PHN2Zy y PD94bWw a las aperturas
Sin red, sin almacenamiento
La decodificación, la vista previa y la descarga son todas locales. No hay fetch, ni XMLHttpRequest, ni viaje de ida y vuelta al servidor — la única actividad de red que la página realiza es cargarse a sí misma. Las cadenas pegadas se mantienen en memoria durante la vida de la página y se descartan cuando la cierras o recargas. Esto es lo que hace que la herramienta sea segura para imágenes confidenciales y usable sin conexión.

Buenas prácticas

Copia la cadena completa, incluido el relleno
Una cadena de imagen Base64 debe estar completa para decodificarse. Asegúrate de copiar cada carácter, especialmente el relleno final = o == — un valor que termina a media cadena fallará. Si la decodificación falla, volver a seleccionar y copiar la cadena completa es lo primero que hay que probar.
Confía en la detección de bytes mágicos para cadenas sin prefijo
Si solo tienes la carga útil en bruto, pégala tal cual — no hay necesidad de construir a mano un prefijo data:. El decodificador infiere el formato de los bytes iniciales y asigna el tipo MIME y la extensión correctos. Solo añade un prefijo manualmente si necesitas específicamente anular el tipo detectado.
Verifica las dimensiones antes de descargar
Usa las dimensiones en píxeles y el tipo MIME informados como comprobación de cordura de que decodificaste el recurso que pretendías — especialmente al extraer una cadena de un archivo que contiene varias. Un resultado de 1×1, por ejemplo, suele significar que cogiste un píxel de seguimiento en lugar de la imagen que querías.
Recuerda que Base64 no es seguro
La decodificación no requiere ninguna clave, así que nunca confíes en Base64 para ocultar contenido de imagen. Si recibiste una cadena esperando que estuviera protegida, no lo está — cualquiera puede decodificarla aquí en segundos. La protección real requiere cifrado y control de acceso, no codificación.
Los viajes de ida y vuelta vuelven a codificar sin pérdidas
Decodificar y luego volver a codificar la misma imagen es sin pérdidas, así que puedes hacer un viaje de ida y vuelta seguro por ambas pestañas para probar un flujo de trabajo. Si necesitas reducir el recurso, comprime el archivo decodificado con nuestro Compresor de Imágenes antes de recodificarlo a un data URI más pequeño.

Preguntas frecuentes

¿Qué hace este conversor de Base64 a Imagen?
Toma una cadena Base64 — o un data URI completo como data:image/png;base64,… — y la decodifica de vuelta a una imagen real y visible, completamente dentro de tu navegador. Obtienes una vista previa instantánea, las dimensiones en píxeles decodificadas, el tipo MIME detectado y un botón Descargar que reconstruye el archivo original con la extensión correcta. Es lo inverso de codificar una imagen a Base64. El decodificador es deliberadamente tolerante: acepta entradas con o sin el prefijo data:, elimina espacios en blanco y saltos de línea sueltos, e infiere el formato de imagen a partir de los bytes mágicos de los datos cuando no hay tipo MIME presente. Para ir en la otra dirección, usa la pestaña Imagen → Base64 o nuestro codificador de Imagen a Base64.
¿Se sube mi dato Base64 a algún sitio?
No. La decodificación ocurre completamente del lado del cliente. La cadena se convierte en binario con el atob integrado del navegador, se reconstruye en un Blob y se renderiza desde un object URL local — sin servidor, sin solicitud de red, sin registro. Puedes confirmarlo en la pestaña Red de tu navegador: pegar una cadena y descargar la imagen no genera ninguna solicitud. Eso hace que la herramienta sea segura para decodificar cadenas que contienen imágenes confidenciales o sin publicar extraídas de un archivo de configuración, una respuesta de API o una hoja de estilos que estés depurando.
¿Necesito incluir el prefijo data:?
No. Puedes pegar un data URI completo (data:image/png;base64,iVBORw0KGgo…) o solo la carga útil Base64 en bruto (iVBORw0KGgo…). Cuando el prefijo está presente, la herramienta usa el tipo MIME que declara. Cuando está ausente, el decodificador lee los primeros caracteres — que se mapean directamente a los bytes mágicos de la imagen — e infiere el formato: iVBORw0KGgo significa PNG, /9j/ significa JPEG, R0lGOD significa GIF, UklGR significa WebP, y PHN2Zy o PD94bWw significan SVG. De cualquier modo obtienes una vista previa correcta y una descarga con la extensión de archivo adecuada.
¿Qué formatos de imagen puede decodificar?
Cualquier formato que el navegador pueda renderizar desde un data URI: PNG, JPEG/JPG, GIF (incluido el animado), WebP, SVG, ICO, BMP y AVIF donde sea compatible. Como la herramienta reconstruye los bytes originales en lugar de volver a codificar, la transparencia, la animación y la escalabilidad vectorial se preservan exactamente. El archivo descargado es byte a byte la imagen que se codificó originalmente — decodificar y luego volver a codificar es un viaje de ida y vuelta sin pérdidas.
¿Por qué no se decodifica mi cadena Base64?
Los culpables habituales son una cadena truncada que perdió su relleno final =, caracteres eliminados o alterados accidentalmente durante el copiar y pegar, una cadena que en realidad es texto u otro binario en lugar de una imagen, o un tipo MIME incorrecto que impide al navegador renderizar bytes por lo demás válidos. Este decodificador elimina los espacios en blanco y tolera un prefijo ausente, así que esos problemas comunes se manejan automáticamente — si aun así no se renderiza, los datos en sí están incompletos o no son una imagen. Vuelve a copiar el valor completo, incluido cualquier relleno final ==, e inténtalo de nuevo.
¿Cómo guardo la imagen decodificada como PNG o JPG?
Una vez que aparece la vista previa, haz clic en Descargar. La herramienta reconstruye el binario a partir de la carga útil Base64 y lo guarda con la extensión que coincide con el tipo MIME detectado — .png para image/png, .jpg para image/jpeg, .svg para image/svg+xml, etc. La descarga se reconstruye localmente a partir de los bytes decodificados exactos, así que es idéntica al archivo original que se codificó. No hay conversión de formato: un PNG codificado en Base64 se descarga como PNG, no como una copia vuelta a renderizar.
¿Es decodificar Base64 lo mismo que descifrarlo?
No. Base64 es una codificación, no un cifrado, y decodificar no requiere ninguna clave ni contraseña — simplemente invierte el mapeo de 4 caracteres a 3 bytes. Cualquiera que tenga la cadena puede recuperar la imagen original, que es exactamente lo que hace esta herramienta. Base64 no ofrece ninguna confidencialidad; existe solo para permitir que los datos binarios viajen de forma segura a través de canales basados en texto como HTML, JSON y correo electrónico. Si una cadena fue realmente cifrada antes de codificarse en Base64, decodificarla aquí producirá los bytes cifrados, no una imagen visible.
¿Puede manejar cadenas Base64 muy largas?
Sí. Como todo se procesa localmente, no hay límite de tamaño de subida — el techo práctico es cuánto texto puede contener y decodificar cómodamente tu navegador, que en una máquina moderna llega holgadamente al rango de varios megabytes. Las cadenas muy grandes (una foto de alta resolución codificada en Base64 puede ser de cientos de kilobytes de texto) tardan un momento en renderizarse pero se decodifican correctamente. Si te encuentras decodificando habitualmente cadenas enormes, eso suele ser una señal de que la imagen debería haberse servido como un archivo normal en lugar de incrustarse en primer lugar.
¿De dónde provienen estas cadenas de imagen Base64?
Lo más habitual es encontrarlas incrustadas en CSS (background-image: url(data:image/png;base64,…)), en atributos src de img en HTML, dentro de respuestas de API en JSON, en el código fuente de correos, en hojas de sprites SVG, y en archivos de configuración o de tema que empaquetan recursos en línea. Los desarrolladores las pegan aquí para ver qué contiene realmente un data URI opaco, para extraer un recurso que no tiene archivo separado, o para verificar que una cadena producida por una herramienta de compilación es válida. La herramienta complementaria Imagen a Base64 produce exactamente estas cadenas.
¿Decodificar pierde algo de calidad?
No. Base64 es una representación exacta y sin pérdidas de los bytes originales — decodificar devuelve precisamente el archivo que se codificó, sin cambio de calidad, recompresión ni redimensionamiento. Si la imagen fuente era un JPEG comprimido, recuperas ese mismo JPEG; si era un PNG sin pérdidas, recuperas el PNG idéntico. Lo único que cambia es el contenedor (cadena de texto frente a archivo binario). Cualquier pérdida de calidad que veas habría existido en la imagen original antes de codificarse.

Herramientas relacionadas

Ver todas las herramientas →