TontonTools
Desarrollo web

Base64 explicado: qué es, cuándo usarlo y cuándo no

Enyong Carinton Tegum· May 17, 2026· 3 min de lectura
Lines of encoded programming data on a dark monitor
Photo by Pixabay on Pexels

Si trabajas con la web durante más de una semana, te encontrarás con Base64: largas cadenas de letras y números aparentemente aleatorios y ocasionalmente "+", "/" o "=" que aparecen en URI de datos, cargas JSON y tokens. Parece críptico, pero el concepto es simple y entenderlo aclara una sorprendente cantidad de confusión.

Qué hace realmente Base64

Las computadoras almacenan todo como binario. El problema es que muchos sistemas (correo electrónico, URL, JSON, XML) fueron diseñados para texto, y los datos binarios sin procesar pueden contener bytes que esos sistemas interpretan como caracteres de control y modifican. Base64 resuelve esto reexpresando datos binarios usando solo 64 caracteres ASCII imprimibles y seguros (A–Z, a–z, 0–9, más dos símbolos). El resultado es un texto que sobrevive intacto a cualquier canal de solo texto.

El formato está definido formalmente en RFC 4648. Puede codificar y decodificar cualquier cadena o archivo al instante con nuestro codificador Base64 y decodificador Base64.

El error: Base64 NO es cifrado

Este es el punto más importante de todo el artículo. Base64 es codificación, no encriptación. No hay clave ni secreto: cualquiera que vea una cadena Base64 puede decodificarla al original en segundos. Nunca lo utilices para "ocultar" contraseñas, claves API o cualquier dato confidencial. Existe únicamente por compatibilidad y transporte seguro, no por confidencialidad. Si necesita confidencialidad, necesita cifrado real (como AES) o hash (como bcrypt).

Cómo funciona la codificación (brevemente)

Base64 toma tres bytes de entrada (24 bits) y los divide en cuatro grupos de 6 bits, asignando cada grupo a uno de sus 64 caracteres. Debido a que tres bytes se convierten en cuatro caracteres, la salida es aproximadamente un 33% más grande que la entrada. Cuando la entrada no es un múltiplo limpio de tres bytes, los caracteres de relleno "=" llenan el espacio. El glosario de MDN Base64 tiene un recorrido visual claro si desea obtener detalles a nivel de bits.

Dónde lo encontrarás

  • URI de datos: imágenes pequeñas incrustadas directamente en CSS o HTML como data:image/png;base64,..., guardando una solicitud HTTP.
  • JWT: el encabezado y la carga útil de un token web JSON están codificados en Base64URL; decodifica uno y verás las partes reveladas al instante.
  • Autenticación básica HTTP: las credenciales están codificadas en Base64 (que es exactamente la razón por la que la autenticación básica siempre debe ejecutarse a través de HTTPS).
  • Adjuntos de correo electrónico: MIME utiliza Base64 para enviar archivos binarios a través de protocolos de correo basados en texto.

Una nota sobre el tamaño y cuándo evitarlo

Ese aumento de tamaño de ~33% significa que Base64 es excelente para activos pequeños pero una mala elección para archivos grandes, donde el tamaño supera la conveniencia de insertarlos. Incrustar un pequeño icono como URI de datos es inteligente; La codificación Base64 de una imagen principal de 2 MB en tu HTML no lo es: retrasa la renderización y no se puede almacenar en caché por separado.

Conclusión

Base64 es un formato de transporte: hace que los datos binarios se muevan de forma segura a través de canales de texto, nada más. Úselo para incrustar pequeños activos, leer tokens y empaquetar archivos binarios en JSON, y nunca lo confunda con seguridad. Cuando necesite inspeccionar una cadena Base64 en estado salvaje, el decodificador está a un clic de distancia.

Share X / Twitter Facebook LinkedIn WhatsApp

Sigue leyendo

← Volver a todas las publicaciones

We use cookies for analytics and to keep the tools free via ads. See our Privacy Policy.