Conversor de archivos Base64

Codifica cualquier archivo o imagen como un data URI Base64 y decodifica un data URI para recuperarlo como archivo descargable.

Cargando herramienta…

Conversor de archivos Base64Convierte cualquier archivo o imagen en un data URI Base64 que puedes pegar directamente en CSS o HTML, y luego decodifica un data URI para recuperar el archivo original con un solo clic de descarga. Todo se ejecuta al 100% en tu navegador con FileReader y atob, así que el archivo que sueltas nunca sale de tu dispositivo ni se sube a ningún servidor.

¿Qué es Conversor de archivos Base64?

El Conversor de archivos Base64 es una herramienta gratuita que funciona dentro del navegador y convierte entre archivos binarios y data URIs Base64. Los desarrolladores web la usan para incrustar iconos, fuentes o imágenes pequeñas directamente en hojas de estilo y marcado, eliminando una petición de red adicional; el personal de QA y de soporte usa la decodificación para recuperar un archivo que les enviaron como un largo data URI. Usa Codificar para soltar un archivo y copiar su data URI (opcionalmente preenvuelto como regla CSS background-image o como etiqueta HTML img), y usa Decodificar para pegar un data URI y descargar el archivo reconstruido. Las imágenes de entrada y las imágenes decodificadas muestran una vista previa que puedes ampliar con un clic.

Cómo usar Conversor de archivos Base64

  1. Elige un modo con el interruptor Codificar / Decodificar de la parte superior.
  2. Para codificar, suelta o elige un archivo (o imagen) en el área de carga; su data URI Base64 aparece al instante en el cuadro de salida.
  3. Abre Ajustes para elegir el formato de salida: data URI sin envolver, regla CSS background-image o etiqueta HTML img.
  4. Pulsa el botón Copiar para llevar el data URI al portapapeles.
  5. Para decodificar, cambia a Decodificar y pega un data URI en el área de texto; aparecen una vista previa y los detalles del archivo.
  6. Haz clic en el botón Descargar para guardar el archivo reconstruido en tu dispositivo.

Ejemplos

Incrustar un pequeño icono PNG en CSS

Modo Codificar: suelta un icon.png de 2 KB, pon el formato en CSS y copia la regla background-image: url("data:image/png;base64,…") directamente en tu hoja de estilos.

Recuperar un archivo recibido como data URI

Modo Decodificar: pega una cadena data:application/pdf;base64,… y haz clic en Descargar para recuperar report.pdf sin ninguna conexión con un servidor.

Previsualizar una imagen Base64 antes de usarla

Modo Decodificar: pega una cadena data:image/jpeg;base64,… y la imagen se mostrará en la zona de vista previa, que puedes pulsar para verla a tamaño completo en la lightbox.

Preguntas frecuentes

¿Qué tipos de archivo puedo codificar?
Cualquier archivo sirve: imágenes, PDF, fuentes, archivos comprimidos, JSON, texto plano y más. La herramienta lee el archivo con el FileReader del navegador y genera un data URI Base64 que incluye el tipo MIME correcto.
¿Por qué la salida Base64 es más grande que mi archivo?
Base64 codifica 3 bytes de datos en 4 caracteres, por lo que un data URI es aproximadamente un 33% más grande que el archivo original. Es una compensación normal y el precio de incrustar datos binarios como texto.
¿Qué nombre de archivo obtengo al decodificar?
La herramienta lee el tipo MIME del data URI y nombra la descarga en consecuencia, como decoded.png o decoded.pdf. Si el tipo es desconocido, recurre a la extensión .bin.
¿Puede decodificar una cadena Base64 sin el prefijo data:?
Sí. Si pegas un contenido Base64 puro sin cabecera data:, se decodifica como un archivo binario genérico (application/octet-stream) y se ofrece como descarga .bin.
¿Se sube mi archivo a algún sitio?
No. Tanto la codificación como la decodificación se ejecutan por completo en el lado del cliente, en tu navegador; no se sube nada ni se contacta con ningún servidor, así que tus archivos permanecen privados en tu dispositivo.

Herramientas relacionadas