Base64 a Imagen
Pega una cadena Base64 o data URL y previsualiza la imagen decodificada al instante — conversor gratuito compatible con PNG, JPEG, WebP, GIF y SVG. Sin...
Actualizado marzo de 2026
Revisado por Rafael Duarte
Pega una cadena Base64 arriba para previsualizar la imagen
Decodificación instantánea
Renderiza imágenes desde cadenas Base64 al instante, directamente en el navegador.
Procesamiento local
Tus datos nunca salen del navegador — sin subidas, sin servidor.
Detección de formato
Detecta automáticamente JPEG, PNG, GIF y WebP a partir de bytes mágicos.
Cómo funciona
Sin subir archivos, todo ocurre en tu navegador
1. Pega la cadena
Data URL completa (`data:image/...;base64,`) o Base64 puro — la herramienta detecta el formato automáticamente.
2. Mira la vista previa
La imagen se renderiza al instante, con dimensiones, formato detectado y tamaño codificado.
3. Descárgala
Guarda el resultado como PNG, JPEG, WebP o GIF directamente en tu dispositivo.
Qué hace esta herramienta
Más que solo mostrar la imagen
Detecta el formato automáticamente
Lee los magic bytes del resultado decodificado — no necesitas saber el tipo MIME de antemano.
Acepta Base64 puro o data URL
Quita prefijos data:image/...;base64, y limpia espacios, saltos de línea y escapes de JSON por sí sola.
Muestra los metadatos
Dimensiones, tipo MIME y tamaño codificado antes de que decidas descargar.
100% en el navegador
Decodifica y renderiza localmente con atob() y las APIs de Blob/Image — nada sale de tu dispositivo.
Se abre ya con datos desde otras herramientas
El Generador de Código QR, por ejemplo, enlaza aquí con la imagen en Base64 incrustada en la URL — sin copiar y pegar nada a mano.
Cambia entre las herramientas de Base64 con el teclado
Usa Shift + flecha izquierda/derecha para saltar entre Encode, Decode, Image to Base64 y Base64 to Image sin tocar el mouse.
Ejemplos
Distintos formatos de entrada y qué produce cada uno
Cuándo vas a necesitar esto
Los escenarios más comunes entre quienes usan la herramienta
Depurar una respuesta de API
Avatares y miniaturas suelen venir como cadena Base64 dentro del JSON de respuesta.
Validar un data URI en CSS
Confirma que un ícono o fondo inline decodifica en el asset esperado antes de hacer commit.
Recuperar una imagen de un export
Volcados de base de datos y exports XML/JSON a veces guardan imágenes codificadas en Base64.
Inspeccionar una imagen de un correo
Los correos MIME incrustan logos y firmas como partes codificadas en Base64.
Probar un pipeline de codificación
Verifica que la salida de un script o una API de encode se decodifique correctamente.
El camino inverso
Para codificar un archivo de imagen a Base64, usa [Image to Base64](/es/tools/image-to-base64).
¿No se renderiza? Empieza por aquí
Las causas más comunes cuando la imagen no aparece
Cadena incompleta
Si solo copiaste un fragmento, la imagen no decodifica. Revisa que hayas tomado la cadena completa.
Base64URL en vez de Base64 estándar
Si viene de una URL, puede usar -/_ en lugar de +// — reemplaza los caracteres antes de pegar.
No es una imagen
Los bytes decodificados deben corresponder a un formato de imagen reconocido por el navegador.
Pegaste el JSON completo, no solo el valor
Si copias "avatar": "iVBORw0K..." junto con el nombre del campo, las letras de la clave se mezclan con los datos y corrompen la decodificación. Copia solo el valor, sin comillas ni dos puntos.
Un formato raro sin prefijo se asume como PNG
Base64 puro (sin data:) de un SVG, BMP o ICO puede no ser reconocido por los magic bytes y la herramienta asume PNG por defecto. Para esos formatos, pega la data URL completa con el MIME correcto.
Por qué decodificar aquí
Toda la decodificación y el renderizado ocurren localmente con atob() y las APIs nativas de Blob e Image — tu imagen nunca sale del dispositivo, y la herramienta funciona sin conexión una vez cargada.
La detección automática de formato por magic bytes te ahorra el paso manual de averiguar el tipo MIME — pega Base64 puro o data URL completa, da igual.
También resuelve el lado inverso de otras herramientas del sitio: el Generador de Código QR, por ejemplo, enlaza directo aquí con la imagen ya incrustada en la URL, sin que tengas que copiar y pegar el payload a mano.
Preguntas frecuentes
Sí. La herramienta detecta el formato leyendo los bytes mágicos al inicio de los datos decodificados y construye internamente la data URL correcta.
Referencias
Documentación oficial sobre el esquema data: y cómo los navegadores manejan contenido Base64 incrustado.
La especificación IETF que estandarizó las data URLs en Base64.
La API nativa del navegador que usa esta herramienta internamente para decodificar Base64 a binario.
Herramientas relacionadas
- Imagen a Base64 Desarrollador Sube cualquier imagen y conviértela a una data URL Base64 lista para HTML, CSS o JSON — conversor gratuito compatible con PNG, JPEG, SVG y WebP. Sin subida...
- Decodificador Base64 Desarrollador Decodifica strings Base64 a texto plano al instante en tu navegador. Compatible con UTF-8, entrada multilínea y muestra el tamaño del payload.
- Codificador Base64 Desarrollador Codifica cualquier texto a Base64 al instante en tu navegador. Compatible con UTF-8, muestra el recuento de caracteres y el tamaño del payload. Gratis, sin...
- Decodificador de Entidades HTML Desarrollador Decodifica entidades HTML a texto plano online — convierte <, >, & y todas las entidades nombradas al instante.
- Decodificador de URL Desarrollador Decodifica cualquier URL o cadena en percent-encoding a texto legible al instante en tu navegador. Sigue el estándar RFC 3986. Gratis y sin registro.
