Imágenes / MULTIVERTO

Imagen a Base64 y Base64 a imagen

Codifica un archivo de imagen como URL de datos Base64 o descodifica Base64 para obtener una vista previa y descarga.

Conversor en tiempo realTu archivo se procesa en este navegador.
Insertar esta herramienta

Elige qué verán los visitantes al cargar el widget.

Elige qué verán los visitantes al cargar el widget.

Cualquiera puede leer los valores incluidos en el código publicado. No incluyas tokens ni archivos privados.

Vista previa ↗

02 / Guía

Imagen a Base64 y Base64 a imagen — Cómo funciona

La imagen contiene bytes; Base64 los representa como texto

Codificar una imagen en Base64 significa leer los bytes de un PNG, JPEG, WebP, GIF o SVG seguro y escribirlos con el alfabeto Base64. Aquí la salida es una URL de datos: empieza por un tipo MIME como data:image/png;base64, y continúa con los bytes codificados. Puede pegarse en el atributo de origen de una imagen o enviarse a un sistema que espera texto. La codificación no reduce el tamaño ni cambia la calidad visual. El texto Base64 suele ocupar aproximadamente un tercio más que los datos binarios originales, incluso sin contar el prefijo.

Esta página también realiza la operación inversa. Selecciona Base64 a imagen, pega la URL de datos o el Base64 sin prefijo y elige el formato cuando no existe información MIME. La herramienta reconstruye los bytes, verifica su firma, muestra una vista previa y permite descargar el archivo. Son dos pasos inversos de una misma tarea, por lo que una página con dos modos evita contenidos casi duplicados.

Ejemplo de ida y vuelta

Si codificas un PNG de un píxel, su URL de datos empieza por data:image/png;base64, y los primeros caracteres del contenido pueden ser iVBORw0KGgo. Ese comienzo procede de la firma PNG; el resto representa los datos de la imagen. Pega toda la URL en el modo inverso y debería aparecer la misma imagen en la vista previa. La descarga contiene los bytes descodificados. El programa no vuelve a dibujar el bitmap en este proceso, de modo que un ciclo válido puede conservar los bytes de origen.

Un icono diminuto integrado quizá resulte práctico en un ejemplo HTML independiente o en una prueba de API. En una web normal, un archivo separado suele ser más fácil de almacenar en caché, actualizar y revisar. Compara el tamaño real antes de insertarlo. Una imagen de varios megabytes genera una cadena muy larga, dificulta leer el código y puede ralentizar el navegador al copiarla o analizarla.

Comprobaciones de formato y errores

Base64 es una codificación, no un cifrado. Cualquiera que vea la cadena puede recuperar la imagen. No pegues una foto privada en un documento público solo porque se haya codificado. Cuando falta el prefijo de URL de datos, elige el MIME auténtico: llamar PNG a unos bytes JPEG no convierte el archivo. El descodificador compara las firmas habituales y rechaza las discrepancias antes de ofrecer una descarga engañosa. Se pueden ignorar espacios en un Base64 copiado, pero una secuencia incompleta no se puede reconstruir automáticamente.

A diferencia del codificador Base64 de texto, este instrumento usa los bytes del archivo, no los caracteres del nombre ni una descripción. Solo admite SVG seguros y autónomos. El límite de tamaño evita que cadenas enormes agoten la memoria del navegador. Si la vista previa falla después de descodificar, confirma que el contenido original esté completo y que el tipo MIME declarado coincida con la imagen.

Imagen a Base64 y Base64 a imagen — Cómo funciona
  1. La imagen contiene bytes; Base64 los representa como texto
  2. Ejemplo de ida y vuelta
  3. Comprobaciones de formato y errores