DevTools

Base64 es un sistema de codificación que convierte datos binarios en texto ASCII utilizando 64 caracteres imprimibles. Se usa ampliamente en el desarrollo web para incrustar imágenes directamente en HTML y CSS, transferir datos binarios a través de APIs REST que solo aceptan texto JSON, adjuntar archivos en correos electrónicos con MIME, y almacenar información binaria en bases de datos que no soportan formatos binarios nativos. Su popularidad radica en que convierte cualquier dato en un string seguro que puede transmitirse sin modificaciones a través de sistemas diseñados para texto. Esta herramienta te permite codificar cualquier texto a Base64 y decodificarlo de vuelta al instante, todo directamente en tu navegador sin enviar datos a ningún servidor. El procesamiento es 100% local usando JavaScript, lo que garantiza que tu información nunca sale de tu dispositivo. Es ideal para desarrolladores que necesitan trabajar con APIs, transferir datos entre sistemas, o simplemente entender cómo funciona esta codificación tan ubicua en el desarrollo moderno.

¿Cómo usar?

1. Escribe o pega el texto que quieras codificar o decodificar en el campo de entrada.
2. Selecciona el modo: Encode para convertir tu texto a formato Base64.
3. Selecciona Decode si tienes un string en Base64 y necesitas recuperar el texto original.
4. Haz clic en 'Ejecutar' para procesar la conversión al instante.
5. Usa el botón 'Copiar Resultado' para copiar el texto convertido al portapapeles y usarlo donde lo necesites.

Casos de Uso Reales

• Incrustar imágenes en HTML/CSS. Convierte iconos e imágenes pequeñas (menos de 2 KB) en data URIs para eliminar peticiones HTTP adicionales y acelerar la carga de tu página.
• Depurar tokens JWT. El header y el payload de un JWT están codificados en Base64URL. Decodifícalos para inspeccionar claims, fechas de expiración y permisos sin herramientas externas.
• Autenticación HTTP Basic. La cabecera Authorization: Basic envía usuario:contraseña codificado en Base64. Útil para probar APIs protegidas desde curl o Postman.
• Payloads binarios en APIs de texto. Cuando un endpoint JSON no acepta binarios, codifica el archivo en Base64 y transmítelo como string dentro del cuerpo de la petición.
• Firmas de datos en correos MIME. Los adjuntos de correo electrónico se transmiten en Base64 desde los orígenes del protocolo MIME. Entenderlo te ayuda a depurar clientes de mail.
• Incrustar imágenes en HTML y CSS. Cuando diseñas una página que carga rápido, cada petición HTTP cuenta. Convertir un icono o logotipo pequeño a Base64 e incrustarlo como data URI (<img src="data:image/png;base64,...">) elimina esa petición extra al servidor. Es la técnica estándar para imágenes menores de 2KB.

Ejemplos Prácticos

Codificar texto simple

Hola Mundo!
→ SG9sYSBNdW5kbyE=

Decodificar el header de un JWT

eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9
→ {"alg":"HS256","typ":"JWT"}

Codificar un texto simple

Hola Mundo
→ SG9sYSBNdW5kbw==

Decodificar un string Base64

RGV2VG9vbHMgwqkgc29ubdyBZ3JhdGlzb3M=
→ DevTools ¡somos geniales!

Data URI de un pixel transparente

iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==
→ <img src="data:image/png;base64,iVBORw0KGgo...">

Preguntas Frecuentes