Codifica y decodifica Base64 de forma instantánea. Soporta texto, archivos binarios, imágenes como Data URI y encoding URL-safe. Procesamiento 100% en tu navegador.
Arrastra un archivo o haz clic
Cualquier tipo de archivo · Sin límite de tamaño
Vista previa:
Snippets de código:
Imagen decodificada:
JavaScript
btoa('texto');
atob('dGV4dG8=');Python
import base64
base64.b64encode(b'text')
base64.b64decode('...')PHP
base64_encode('texto');
base64_decode('dGV4dG8=');Node.js
Buffer.from('text').toString('base64')
Buffer.from('...','base64').toString()Go
b64.StdEncoding.EncodeToString(data) b64.StdEncoding.DecodeString(s)
cURL
echo -n 'text' | base64 echo 'dGV4dA==' | base64 -d
Entiende qué es Base64, cuándo usarlo y cómo funciona en los contextos más comunes del desarrollo web.
Base64 es un esquema de codificación binario-a-texto que se originó en 1987 con el estándar MIME (RFC 2045) para permitir el envío de archivos binarios como adjuntos de email. Su nombre viene del alfabeto de 64 caracteres que utiliza: las 26 letras mayúsculas (A-Z), las 26 minúsculas (a-z), los 10 dígitos (0-9), y los símbolos + y /.
El algoritmo toma grupos de 3 bytes (24 bits) y los convierte en 4 caracteres Base64 (6 bits cada uno). Esto explica por qué Base64 aumenta el tamaño en un 33%: 3 bytes → 4 caracteres. El símbolo = se usa como padding cuando la longitud del input no es múltiplo de 3.
Ejemplo: cómo se codifica "Man"
Texto: M a n Binario: 01001101 01100001 01101110 Grupos: 010011 010110 000101 101110 Base64: T W F u Resultado: TWFu
Los Data URIs incrustan el archivo directamente en el código, eliminando una petición HTTP. Ideal para iconos pequeños y SVGs.
<img src="data:image/png;base64,iVBORw0KGgo..." />
/* CSS */
background-image: url('data:image/svg+xml;base64,...');
Las credenciales se codifican en Base64 en el header Authorization. No es cifrado, siempre usa HTTPS.
Authorization: Basic dXN1YXJpbzpjb250cmFzZW5h
Los JWTs usan Base64 URL-safe para las partes header y payload. Son legibles por cualquiera, no pongas datos sensibles en el payload.
eyJhbGciOiJIUzI1NiJ9.eyJ1c2VySWQiOjF9.signature ^--- header ---^ ^-- payload --^ ^-- sig --^
Selecciona la pestaña "Archivo" en la herramienta
En la sección principal de arriba, haz clic en la pestaña "Archivo / Imagen".
Arrastra o selecciona tu imagen
Arrastra el archivo al área de drop o haz clic para abrir el selector. Soporta PNG, JPG, SVG, GIF y cualquier tipo de archivo.
Copia el Data URI generado
La herramienta genera automáticamente snippets listos para HTML e CSS. Haz clic en "Copiar" junto al snippet que necesites.
Úsalo en HTML
<img src="data:image/png;base64,...">
O en CSS
background-image: url('data:image/png;base64,...')
Base64 NO es cifrado
Base64 es reversible sin ninguna clave. Cualquiera puede decodificarlo. No lo uses para proteger contraseñas, tokens secretos ni datos sensibles. Para eso usa cifrado real (AES-256, bcrypt, etc.).
¿Cuándo usar URL-safe?
Usa Base64 URL-safe cuando el string vaya en:
Rendimiento: Data URIs vs archivos