#466 · Herramienta para desarrolladores

UTF-8 Byte Viewer

Muestra cómo se codifica un texto en UTF-8 byte a byte. Para cada byte ofrece valores hexadecimal, decimal y binario, además de un resumen del número de caracteres, puntos de código y bytes; resulta útil para depurar payloads, firmas y problemas de codificación.

Datos de entrada

Texto Unicode
Espacio publicitario

Cómo usar esta herramienta para desarrolladores

  1. Pega o escribe la entrada en el cuadro principal.
  2. Ajusta las opciones disponibles para este analizador.
  3. Pulsa el botón principal o usa Ctrl/Cmd + Enter.
  4. Revisa el resumen, la interpretación y las métricas.
  5. Copia o descarga el resultado si coincide con lo que necesitas.

Qué hace esta herramienta para desarrolladores

Muestra cómo se codifica un texto en UTF-8 byte a byte. Para cada byte ofrece valores hexadecimal, decimal y binario, además de un resumen del número de caracteres, puntos de código y bytes; resulta útil para depurar payloads, firmas y problemas de codificación.

TextEncoder transforma el texto del navegador a UTF-8 y cada byte se presenta en tres bases numéricas sin cambiar la secuencia original.

El visor parte de una cadena Unicode ya válida en JavaScript; no representa bytes arbitrarios ni archivos con secuencias UTF-8 dañadas.

Ejemplo

Texto: ñ UTF-8: C3 B1 Decimal: 195 177

Casos de uso

  • Verificar bytes antes de calcular firmas o hashes.
  • Entender el tamaño real de texto con emoji.
  • Comparar payloads enviados por distintos sistemas.

Consejos para obtener resultados fiables

  • Prueba primero con un ejemplo pequeño que conozcas.
  • Conserva una copia de la entrada original antes de transformar datos.
  • Revisa errores y limitaciones antes de usar el resultado en producción.
  • Cuando haya Unicode, compara también bytes o puntos de código si el problema no es visible.
  • Valida el resultado en el entorno final cuando intervengan reglas específicas del proyecto.

Detalles del procesamiento

TextEncoder transforma el texto del navegador a UTF-8 y cada byte se presenta en tres bases numéricas sin cambiar la secuencia original.

El visor parte de una cadena Unicode ya válida en JavaScript; no representa bytes arbitrarios ni archivos con secuencias UTF-8 dañadas.

Preguntas frecuentes

¿Por qué un carácter puede ocupar más de un byte en UTF-8?

UTF-8 usa una longitud variable: ASCII ocupa un byte y otros puntos de código necesitan dos, tres o cuatro.

¿Qué diferencia hay entre bytes UTF-8 y length de JavaScript?

length cuenta unidades de código UTF-16, mientras que TextEncoder devuelve los bytes de la codificación UTF-8.

¿El visor cambia la normalización Unicode del texto?

No. Codifica exactamente la cadena recibida; NFC y NFD pueden producir secuencias de bytes distintas.

¿Puedo ver los bytes en decimal además de hexadecimal?

Sí. La tabla incluye hexadecimal, decimal y binario, y el selector cambia el formato principal.

¿Sirve para validar un archivo UTF-8 corrupto?

No. Para bytes arbitrarios usa la herramienta de validación UTF-8, que acepta secuencias en hexadecimal.

Resumen técnico

MóduloDetalle
EntradaTexto Unicode
ProcesamientoTextEncoder transforma el texto del navegador a UTF-8 y cada byte se presenta en tres bases numéricas sin cambiar la secuencia original.
SalidaBytes UTF-8

Explorar Codificación y decodificación

Consulta más utilidades de esta categoría en el hub de Codificación y decodificación.