Paso a paso: Codificar Base64
- Elige el modo«Texto ⇄ Base64» para cadenas, «Archivo → Base64» para imágenes y documentos, y «Base64 → Archivo» para recuperarlos.
- Escribe, pega o sueltaEl resultado se calcula mientras escribes. Para archivos, arrástralos a la zona de carga; puedes añadir varios.
- Copia el resultadoCopia el Base64, el data URI completo o, en imágenes, una etiqueta <img> o un url() para CSS.
- Recupera archivosPega un Base64 o un data URI: detectamos el tipo de archivo, te enseñamos la vista previa si es una imagen y puedes descargarlo.
¿Qué es Base64?
Base64 es una forma de representar datos binarios (una imagen, un PDF, una fuente) usando solo 64 caracteres de texto: letras, números, + y /. Se usa para adjuntos de correo, para incrustar imágenes en HTML y CSS con data URI, para enviar archivos dentro de JSON y en tokens como los JWT.
Base64 no es cifrado. Cualquiera puede decodificarlo en un segundo, así que nunca lo uses para proteger contraseñas ni datos privados.
Texto con tildes, eñes y emojis
La función btoa() de los navegadores falla con caracteres que no sean del alfabeto latino básico. Aquí el texto se convierte primero a UTF-8, el estándar de la web, así que «España» o «😀» se codifican y decodifican sin errores ni caracteres extraños.
La variante base64url cambia + y / por - y _ y quita el relleno =, para poder usar el resultado en URLs y nombres de archivo. Al decodificar aceptamos las dos variantes automáticamente.
¿Cuándo conviene usar un data URI?
- Sí: iconos y SVG pequeños en CSS, imágenes en plantillas de correo, prototipos y archivos HTML que deben funcionar sin otros archivos.
- No: fotos o imágenes grandes. El Base64 ocupa un 33 % más que el original, no se guarda en la caché por separado y, dentro del CSS, retrasa que la página se muestre.
- Si tu imagen es grande, mejor optimízala con Optimizar imágenes y enlázala como archivo normal.
Características
Compatible con UTF-8
Tildes, eñes, alfabetos no latinos y emojis se codifican correctamente en los dos sentidos.
Variante URL (base64url)
Genera y lee Base64 seguro para URLs, con o sin relleno, y con saltos de línea MIME si los necesitas.
Detecta el tipo de archivo
Reconoce PNG, JPG, WebP, GIF, SVG, PDF, ZIP, fuentes y más por su contenido, no solo por el data URI.
Privado
Los textos y archivos se procesan en tu navegador. Nada se sube a ningún servidor.
Preguntas frecuentes
¿Base64 sirve para cifrar o proteger datos?
No. Es solo una codificación: cualquiera puede revertirla sin contraseña. Para proteger información necesitas cifrado real, como el que aplica HTTPS o un gestor de contraseñas.
¿Qué es base64url?
Una variante de Base64 que sustituye + por - y / por _, y normalmente omite los = finales. Es la que usan los tokens JWT y muchas APIs, porque se puede poner en una URL sin escaparla.
¿Por qué el Base64 ocupa más que el archivo original?
Porque representa cada 3 bytes con 4 caracteres, lo que añade alrededor de un 33 % de tamaño. Es el precio de convertir datos binarios en texto.
¿Cómo convierto una imagen a Base64?
Elige «Archivo → Base64» y arrastra la imagen. Podrás copiar solo el Base64, el data URI completo (data:image/png;base64,…), una etiqueta <img> o un url() para CSS.
¿Qué pasa si decodifico un Base64 que no es texto?
Te avisamos de que parece un archivo e indicamos el tipo detectado. Con un clic pasas al modo «Base64 → Archivo» para descargarlo con la extensión correcta.
¿Hay un límite de tamaño?
Hasta 25 MB por archivo. Los textos Base64 muy largos pueden tardar un poco en procesarse en móviles.
Actualizado: · Equipo de INNOZONA