Herramientas HTML

Gratis Conversor Uint8Array Base64/Hex

Genere snippets con Uint8Array.toBase64(), .toHex(), .fromBase64() y .fromHex() para codificacion binaria nativa.

Cargando herramienta...

Qué es Conversor Uint8Array Base64/Hex?

Uint8Array.prototype.toBase64() codifica el contenido de bytes de un Uint8Array a una cadena codificada en Base64. Uint8Array.prototype.toHex() produce una cadena hexadecimal en minúsculas. Sus contrapartes, Uint8Array.fromBase64(cadena) y Uint8Array.fromHex(cadena), analizan cadenas Base64 y hexadecimales de vuelta a Uint8Array. Estos métodos son parte de Baseline 2025 (Chrome 136+) y eliminan la necesidad de helpers de codificación manuales. Son la forma estándar de transferir datos binarios entre el navegador y el servidor o entre diferentes APIs web.

Respuesta rápida

Genere fragmentos de código usando los métodos nativos de codificación Base64 y Hex de Uint8Array. toBase64() y toHex() codifican datos binarios; Uint8Array.fromBase64() y Uint8Array.fromHex() decodifican cadenas de vuelta a binario. Disponible en Chrome 136+, Edge, Firefox, Safari. No más bucles manuales de btoa o charCodeAt.

Last updated: 2026-06-02

Limitaciones

No disponible en navegadores antiguos sin soporte Baseline 2025. Para compatibilidad amplia, proporcione un respaldo usando codificación manual mediante btoa y charCodeAt hasta que los métodos lleguen a todos los entornos compatibles.
Decodificar cadenas Base64 o hexadecimales muy grandes en Uint8Array asigna el búfer decodificado completo en memoria y puede causar condiciones de falta de memoria. Para datos extremadamente grandes, considere decodificadores de streaming o procesamiento fragmentado.
fromBase64() solo soporta Base64 estándar con relleno. Base64 URL-safe, Base64 sin relleno y cadenas hexadecimales requieren preprocesamiento antes de usar los métodos nativos.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Cómo usar esta herramienta

Cree un Uint8Array a partir de datos de archivo, operaciones de typed array o una API web como fetch, WebSocket o FileReader.
Llame a .toBase64() en el array para obtener una cadena Base64 estándar adecuada para payloads JSON, data URIs o solicitudes API.
Llame a .toHex() en el array para obtener una cadena hexadecimal útil para depuración, visualización criptográfica o protocolos que esperan codificación hexadecimal.
Use Uint8Array.fromBase64(cadena) o Uint8Array.fromHex(cadena) para decodificar la cadena codificada de vuelta a datos binarios.

Para qué puedes usarla

Codificar contenido de archivos binarios subidos desde un input de archivo como Base64 para enviar en una solicitud JSON API.
Mostrar datos de bytes brutos como una cadena hexadecimal en una herramienta de desarrollo o panel de depuración para inspección.
Decodificar una respuesta codificada en Base64 desde una WebSocket o fetch API de vuelta a un Uint8Array para procesamiento binario adicional.

Casos de uso

Ejemplos prácticos

Ejemplo

Codificar un archivo como Base64 para subida JSON

Un usuario selecciona un archivo en un elemento input. Lea el archivo como ArrayBuffer, envuélvalo en un Uint8Array, llame a toBase64() e incluya la cadena Base64 y el nombre del archivo en un payload JSON enviado al servidor mediante fetch.

Ejemplo

Decodificar bytes hexadecimales de vuelta a binario

Una WebSocket entrega una cadena de bytes codificada en hexadecimal como a1b2c3d4. Pásela a Uint8Array.fromHex() para obtener los datos binarios subyacentes, que luego pueden renderizarse como imagen o procesarse en un módulo WebAssembly.

Errores comunes

Llamar a toBase64() o toHex() en un array regular en lugar de un Uint8Array: estos métodos solo existen en instancias de Uint8Array, no en Array u otros typed arrays.
Asumir que fromBase64() acepta variantes de Base64 no estándar: espera Base64 estándar con relleno. Use la variante Base64 URL-safe mediante reemplazo manual antes de decodificar.
Pasar una cadena hexadecimal inválida (longitud impar, caracteres no hexadecimales) a fromHex(): lanza un SyntaxError. Siempre valide o sanitice la entrada hexadecimal antes de decodificar.

Verificación

Abra la consola DevTools de Chrome 136+. Cree un Uint8Array mediante new Uint8Array([72, 101, 108, 108, 111]). Llame a .toBase64() y verifique que devuelva la cadena 'SGVsbG8='. Llame a Uint8Array.fromBase64('SGVsbG8=') y verifique que la salida coincida con el array original.
Llame a .toHex() en el mismo Uint8Array y verifique que devuelva '48656c6c6f'. Llame a Uint8Array.fromHex('48656c6c6f') y confirme que el array decodificado coincida con el original.

FAQ

Preguntas sobre Conversor Uint8Array Base64/Hex

¿Cómo se comparan estos métodos con btoa y atob?

btoa y atob operan en cadenas, no en datos binarios. Para codificar binario con btoa, primero debe convertir cada byte a un carácter mediante String.fromCharCode, luego llamar a btoa, lo cual es verboso y propenso a errores. Uint8Array.toBase64() y fromBase64() trabajan directamente en arrays de bytes, manejan todos los valores de byte correctamente y producen salida Base64 estándar. Son el reemplazo recomendado para tareas de codificación binaria.

¿Puedo usar estos métodos en Node.js?

Uint8Array.toBase64(), toHex(), fromBase64() y fromHex() son métodos de API web disponibles en navegadores. Node.js usa Buffer para codificación binaria (Buffer.from().toString('base64') y Buffer.from(cadena, 'base64')). Para código multiplataforma, detecte las características o use un polyfill condicional.

¿Soportan estos métodos streaming o arrays grandes?

Estos métodos operan en todo el Uint8Array en memoria. Para conjuntos de datos muy grandes (cientos de MB), la decodificación en un solo Uint8Array puede consumir mucha memoria. No proporcionan interfaces de streaming. Para datos grandes, procese fragmentos incrementalmente o use la Streams API cuando sea aplicable.

¿Qué hay sobre la codificación Base64 URL-safe?

toBase64() produce Base64 estándar con caracteres + y / y relleno. No hay una variante URL-safe incorporada. Para obtener codificación Base64url, reemplace + por -, / por _ y elimine los caracteres de relleno finales después de la codificación. El método fromBase64() espera Base64 estándar por defecto y no analiza la variante URL-safe directamente.

Herramientas relacionadas