De Base64 a imagen

Cómo funciona

Pegue el código Base64 en el panel de entrada: si la imagen es válida, la vista previa aparece al instante y el botón de descarga guarda el archivo con la extensión correcta. No hace falta limpiar el código antes de pegarlo: sirve la línea url('data:image/png;base64,…') de un archivo CSS con sus comillas, o el valor src copiado tal cual de una página HTML — la herramienta encuentra el data URI por su cuenta y quita los saltos de línea y los restos de comillas. Por ejemplo, al pegar la línea de un logo de 40 KB incrustado en una plantilla de correo, la línea de resultado muestra un resumen del tipo «PNG · 40 KB · 200×80 px»; el tipo del archivo no se toma de la etiqueta del principio del código, sino de los primeros bytes del dato decodificado, la firma del archivo. También se acepta el Base64URL con guiones y guiones bajos, tal como llega en un JWT o en una respuesta de API. Su dato no viaja a ningún servidor; la decodificación ocurre por completo dentro de su navegador.

Esta herramienta también se busca como base64 a imagen, decodificar base64 imagen, base64 to image, data uri a imagen, convertir base64 a png.

¿Qué es Base64?

El Base64 es la codificación que escribe un dato binario como texto usando un alfabeto seguro de 64 caracteres; esta herramienta hace la operación inversa, la decodificación. Al decodificar, cada 4 caracteres vuelven a ser 3 bytes, así que el archivo queda alrededor de una cuarta parte más ligero que su forma codificada. Los signos = del final del código son relleno que completa la cuenta de bytes; si se pierden al copiar, esta herramienta los repone por su cuenta. El Base64 no es un cifrado: cualquiera que lea el código puede recuperar el dato, así que una imagen que debe permanecer privada no queda oculta por estar en Base64.

¿Qué es Firma del archivo (bytes mágicos)?

La firma del archivo es la secuencia fija que ocupa los primeros bytes de un archivo y delata su tipo: un PNG empieza siempre con los bytes 89 50 4E 47, un JPG con FF D8 FF, un GIF con las letras GIF87a o GIF89a. Los sistemas operativos miran la extensión, pero los programas bien hechos confían en esta firma, porque la extensión y la etiqueta de un data URI se escriben a mano y pueden estar mal. Esta herramienta lee el tipo del dato decodificado en la firma: diga lo que diga la etiqueta, el archivo baja con la extensión que corresponde a su contenido real y abre sin problemas en los visores.

¿Qué diferencia hay entre Base64 y Base64URL?

Los dos alfabetos se distinguen solo en dos caracteres: el + y la / del Base64 estándar se vuelven - y _ en Base64URL. La razón es práctica — + y / tienen significado especial en las direcciones web y en los nombres de archivo, así que el dato que irá dentro de una URL o de un JWT se codifica con el gemelo seguro. El Base64URL además suele omitir el relleno = final. Verá el alfabeto estándar en correos y fuentes CSS, y el apto para URL en los JWT y tokens de API. Esta herramienta acepta los dos: convierte el guion y el guion bajo a sus equivalentes estándar, completa el relleno que falte y decodifica el dato.

El código no se decodifica: las tres causas más frecuentes

La primera es la copia incompleta: un código Base64 es una sola línea larga y los editores suelen copiar solo la parte visible. Si el final está cortado, la imagen no abre o sale con la parte de abajo dañada — vuelva a la fuente y seleccione la línea entera.

La segunda es la confusión de alfabetos: los JWT y algunas API producen Base64URL, que usa guion en vez de + y guion bajo en vez de /; esta herramienta reconoce los dos alfabetos y completa por su cuenta el relleno = que falte. La tercera es que el dato no sea una imagen: el Base64 de un PDF o de un texto se decodifica sin error, pero al no llevar firma de imagen, la herramienta muestra un aviso con los formatos admitidos.

¿De dónde sale la extensión? La firma del archivo

La etiqueta del principio de un data URI, como image/png, es una declaración y puede estar mal escrita. En lugar de fiarse de ella, esta herramienta mira los primeros bytes del dato decodificado: un PNG empieza siempre con los mismos ocho bytes, un JPG con FF D8 FF, un GIF con las letras GIF8.

La extensión se elige según esa firma: aunque la etiqueta diga JPG, si el dato lleva firma PNG el archivo baja como .png. Así, un data URI mal etiquetado no se convierte en un archivo con extensión equivocada que algunos programas no abren. Se reconocen PNG, JPG, GIF, WEBP, BMP, ICO, AVIF y SVG.

Preguntas frecuentes

¿Tengo que pegar el data URI completo?

Las dos cosas valen: la línea entera que empieza por data:image/png;base64,… o el código a secas que va después de la coma. El envoltorio CSS url(), las comillas y los saltos de línea se limpian solos.

¿Qué formatos de imagen se reconocen?

PNG, JPG, GIF, WEBP, BMP, ICO, AVIF y SVG. El tipo se determina por la firma del archivo del dato decodificado, no por la etiqueta del código; si la firma no se reconoce, un aviso indica qué formatos se admiten.

¿El dato que pego va a un servidor?

No. La decodificación se hace por completo dentro de su navegador; ni el código ni la imagen decodificada se envían a ningún lado. Por eso puede usarla con confianza incluso con datos copiados de un sistema interno de su empresa.

¿Por qué mi código Base64 da error?

La causa más común es una copia incompleta; asegúrese de seleccionar la línea larga completa. Si el código está en alfabeto Base64URL (con guiones y guiones bajos) no hay problema, la herramienta también lo decodifica. Si el dato no es una imagen, el código se decodifica pero verá un aviso de formato.