Resumen
Esta herramienta convierte datos de imagen codificados en un archivo visual normal que puedes revisar, reutilizar o guardar. Acepta tanto Base64 plano como data URLs completas, así que funciona bien con contenido copiado desde APIs, atributos HTML o registros almacenados. Tras la decodificación, la imagen se muestra como vista previa para comprobar que el MIME, el contenido y el resultado visual coinciden con lo esperado. Si la cadena está incompleta, alterada o no contiene datos de imagen reales, la vista previa no aparecerá y evitará que descargues un archivo engañoso.
Casos de uso
- Avatares devueltos por una APIDecodifica los datos de usuario que envía el backend para inspeccionar exactamente la imagen que se guardará o mostrará.
- Fragmentos de correo HTML y CMSRenderiza imágenes incrustadas copiadas de plantillas, correos o contenido enriquecido antes de reutilizarlas.
- Diagnóstico de campos de imagen rotosComprueba si un campo contiene una data URL válida, una cadena Base64 recortada o datos que no son una imagen.
- Extraer activos generadosConvierte un Base64 generado por una app, un script o una exportación de diseño en un archivo que puedas abrir y compartir.
Como funciona
- 1
Pega una cadena Base64 o una data URL completa en el campo de entrada.
- 2
La herramienta decodifica la carga e intenta construir una imagen.
- 3
Revisa la vista previa para confirmar formato y contenido visual.
- 4
Descarga la imagen decodificada cuando el resultado sea correcto.
Ejemplos
Decodificar un avatar PNG
Entrada: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAAF0lEQVR42u3BAQ0AAADCIPunNscwYAAAAAAAAAB4G4xQAAaM9l7sAAAAASUVORK5CYII=
Salida: Vista previa de PNG 64×64 lista para descargar.
Útil cuando la imagen de perfil llega como una data URL incrustada.
Abrir un logo Base64 desde JSON
Entrada: iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABHklEQVR4nO2WsQ3CMBREz0o7qI4kYgM0wI4QK2gK6qgJ6mA5gQ0QK1gYt4dB8Nw0m3QkV3c9m5b5m0m8xWq2Qqf8r3xgQf5gM8j8x2YVQwQW2gQ9m9j0gk4m0m0j8kQ8G2jQ3C0g3Q0v5tqgYQ8A9m4QKQ0wYzQm3mS8n8v4wY8Q2wQw2wQw2wQw2wQw2wQw2wQw2wQw2wQw2wQw2wQw2wQw2wQw2wQw2wQw2wQw
Salida: Vista previa de imagen generada a partir de una cadena de muestra recortada.
Sirve para verificar si un campo Base64 copiado desde JSON está completo y es válido.
Comprobar una imagen SVG en CSS
Entrada: data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEyOCIgaGVpZ2h0PSIxMjgiIGZpbGw9IiMwMDc4ZGYiLz48L3N2Zz4=
Salida: Vista previa SVG con un cuadrado azul uniforme.
Práctico cuando una hoja de estilos o un componente guarda gráficos como data URLs codificadas.
FAQ
¿Qué es mejor pegar: Base64 puro o una data URL?
Ambos funcionan. La data URL es más práctica cuando quieres conservar el tipo MIME, y el Base64 puro basta si ya conoces el formato.
¿Por qué a veces una cadena decodifica pero no muestra imagen?
Puede estar incompleta, dañada o tener un tipo MIME incorrecto. Un Base64 válido puede seguir fallando si los bytes no corresponden a una imagen legible.
¿Se pueden decodificar SVG, PNG y JPEG?
Sí, siempre que el SVG esté codificado correctamente como data URL o Base64. El contenido también debe ser un SVG bien formado.
¿Qué hago si el Base64 contiene saltos de línea o espacios?
Los espacios extra pueden romper la decodificación. Elimina el formato sobrante si la vista previa no aparece.
¿Por qué el archivo descargado no conserva el nombre original?
Base64 no incluye el nombre del archivo. La herramienta decodifica el contenido, pero el nombre final se asigna al descargarlo.
¿Se puede forzar una imagen si el Base64 no contiene gráficos?
No. Si los bytes no son datos de imagen, no se generará un archivo visual útil.