Codificar y decodificar Base64 — convertir texto en el navegador
Codifica o decodifica Base64 y Base64url para texto UTF-8 o bytes de archivo en el navegador. Pasos: elige Codificar o Decodificar, pega texto o elige archivo, activa Base64url si hace falta y copia. Ejemplo: Hello 世界 → SGVsbG8g5LiW55WM. Unicode vía UTF-8; nada se sube.
Cómo funciona
Codificar convierte UTF-8 o bytes de archivo a Base64; Decodificar hace lo contrario. Unicode pasa por UTF-8. Base64url usa - y _ en lugar de + y /.
Reglas que verás
Qué esperar: alfabetos, UTF-8, padding y archivo vs texto.
- Alfabeto estándar A–Z, a–z, 0–9, +, /. Base64url: +→-, /→_, sin =.
- Texto siempre UTF-8 antes de Base64. Un carácter Unicode puede ocupar varios símbolos Base64.
- Archivo = bytes crudos. El modo archivo limpia el área de texto y muestra un aviso.
- Privacidad: sin servidor. Sin librerías externas; RFC 4648 en el navegador.
Ejemplo
Codificar: Hello 世界 → SGVsbG8g5LiW55WM. Base64url: mismos bytes sin +/=. Decodificar devuelve Hello 世界.
Cuándo usarlo
- Desarrolladores: codificar JSON o UTF-8 para APIs o fixtures.
- JWT: generar o revisar segmentos Base64url antes del decodificador JWT.
- Config: incrustar blobs pequeños en YAML o variables CI.
Frequently asked questions
¿Qué diferencia hay entre Base64 y Base64url?
Base64 estándar usa A–Z, a–z, 0–9, +, / y =. Base64url cambia + por - y / por _ y suele quitar el padding — típico en JWT.
¿Soporta Unicode / UTF-8?
Sí. El texto se convierte a bytes UTF-8 antes del Base64. Al decodificar recuperas Unicode. Mojibake suele indicar entrada inválida u otro charset.
¿En qué se diferencia de Imagen ↔ Base64?
Esta página trata texto/bytes generales y Base64url. Imagen ↔ Base64 se centra en fotos: vista previa, MIME y descarga.
¿Se sube mi texto o archivo?
No. Todo ocurre en el navegador con TextEncoder y btoa/atob; sin subida.
¿Qué pasa con Base64 inválido?
Al decodificar se ignora el espacio en blanco. Caracteres inválidos o padding incorrecto dan error. Pegados enormes (>1M) pueden ir lentos.
Related tools
Consultas o comentarios
¿Algo poco claro, roto o que falte? Redacta un mensaje abajo — leemos cada nota sobre estas herramientas.