¿Odias los anuncios? Ir Sin publicidad Hoy
Simplificando la decodificación de Base64 Hoja de trucos para programadores
Actualizado en
ANUNCIO PUBLICITARIO · ¿ELIMINAR?
¿Alguna vez te has topado con una mezcla de caracteres aparentemente sin sentido que comienzan con data:image/png;base64? Enhorabuena, te has encontrado Codificación Base64 ¡en la naturaleza! 🎉
Base64 Es una forma de representar datos binarios mediante un conjunto limitado de 64 caracteres ASCII. Se utiliza habitualmente para:
- Incrustar imágenes, fuentes u otros archivos directamente en HTML, CSS o scripts
- Transmisión de datos binarios a través de protocolos basados en texto, como el correo electrónico o XML
- Ofuscar información confidencial (¡aunque no es cifrado!)
Para entender Base64, es necesario decodificarlo de nuevo al binario originalA continuación se muestra una hoja de trucos rápida:
| Idioma | Función de decodificación |
|---|---|
| JavaScript | atob(base64String) |
| Pitón | base64.b64decode(base64String) |
| Java | Base64.getDecoder().decode(base64String) |
| C# | Convert.FromBase64String(base64String) |
Por ejemplo, en JavaScript:
const base64Image = "data:image/png;base64,iVBORw0KGgoAAAANSU…";
const splitData = base64Image.split(",");
const byteString = atob(splitData[1]);Este fragmento:
- Extrae solo los datos Base64, eliminando el prefijo de metadatos
- Decodifica la cadena Base64 en una cadena de bytes
Desde allí, puedes convertirlo en una matriz tipificada para una mayor manipulación:
const intArray = new Uint8Array(byteString.length);
for (let i = 0; i < byteString.length; i++) {
intArray[i] = byteString.charCodeAt(i);
}Armado con esta matriz de bytes, puedes:
- Crea un Blob para guardar el archivo
- Renderizar la imagen en un lienzo
- Páselo a una biblioteca para analizar el contenido del archivo.
- Envíelo a WebAssembly para un procesamiento de alto rendimiento
Decodificación Base64 Abre un mundo de posibilidades para manejar datos binarios en línea. ¡Ahora, adelante y decodifique con confianza! 🚀
También te puede interesar
¿Quieres eliminar publicidad?
Adiós publicidad hoy
Instalar extensiones
Agregue herramientas IO a su navegador favorito para obtener acceso instantáneo y búsquedas más rápidas
恵 ¡El marcador ha llegado!
Marcador es una forma divertida de llevar un registro de tus juegos, todos los datos se almacenan en tu navegador. ¡Próximamente habrá más funciones!
ANUNCIO PUBLICITARIO · ¿ELIMINAR?
Herramientas clave
Ver todoANUNCIO PUBLICITARIO · ¿ELIMINAR?
Los recién llegados
Ver todoActualizar: Nuestro última herramienta se añadió el 31 de octubre de 2025
Involucrarse
Ayúdanos a seguir brindando valiosas herramientas gratuitas
ANUNCIO PUBLICITARIO · ¿ELIMINAR?