#177 · Conversión y codificación

Codificador URL

Convierte texto en una representación adecuada para usarlo como componente de una URL mediante percent-encoding. La herramienta aplica encodeURIComponent, por lo que caracteres reservados, espacios y texto Unicode se transforman a secuencias porcentuales basadas en UTF-8 cuando es necesario. Resulta útil para preparar valores de parámetros, construir ejemplos de consultas, depurar enlaces o comprobar cómo quedará una cadena antes de insertarla dentro de una ruta o query string.

Entrada de texto

Procesamiento local en el navegador
Espacio publicitario

Cómo usar esta herramienta de texto

  1. Introduce el valor que irá dentro de una URL.
  2. Ejecuta “Codificar URL”.
  3. Revisa las secuencias porcentuales generadas.
  4. Copia la salida para usarla como componente o valor de parámetro.

Qué hace esta herramienta

Escapa los caracteres que no deben aparecer literalmente dentro de un componente de URL y representa el texto Unicode mediante UTF-8 percent-encoded.

Se utiliza encodeURIComponent sobre la cadena completa. Esto codifica separadores como &, =, ? y / cuando forman parte del valor, evitando que se interpreten como estructura de la URL.

Esta herramienta codifica un componente, no una URL completa. Si codificas una URL entera, también se escaparán caracteres estructurales como : y /.

Ejemplo

Entrada: café & té

Salida: caf%C3%A9%20%26%20t%C3%A9

Casos de uso

  • Codificar valores de parámetros de consulta.
  • Preparar segmentos de ruta que contienen espacios o caracteres internacionales.
  • Depurar enlaces generados por aplicaciones.
  • Crear ejemplos seguros para documentación de APIs web.

Consejos para obtener mejores resultados

  • Codifica solo el valor o componente necesario, no toda la URL si quieres conservar su estructura.
  • No vuelvas a codificar una cadena que ya contiene secuencias % válidas salvo que sea intencional.
  • Usa el Decodificador URL para comprobar la reversibilidad.
  • Recuerda que encodeURIComponent representa espacios como %20, no como +.

Detalles del procesamiento

El navegador convierte internamente el texto Unicode a UTF-8 y expresa los bytes necesarios mediante secuencias %HH de dos dígitos hexadecimales.

No aplica reglas de formularios application/x-www-form-urlencoded, donde los espacios suelen representarse con +.

Preguntas frecuentes

¿Cómo codificar espacios y tildes para usarlos en un parámetro URL?

Introduce solo el valor del parámetro. Los espacios se convierten en %20 y los caracteres Unicode se representan mediante secuencias UTF-8 porcentuales.

¿Debo codificar una URL completa con esta herramienta?

Normalmente no. Está pensada para componentes o valores; una URL completa contiene separadores estructurales que encodeURIComponent también codificaría.

¿Por qué el carácter & se convierte en %26?

Porque & separa parámetros en una query string. Al codificarlo como parte de un valor se evita que cambie la estructura de la consulta.

¿Esta herramienta convierte los espacios en +?

No. encodeURIComponent usa %20. El signo + pertenece a convenciones de formularios URL-encoded y no al percent-encoding general de componentes.

¿Puedo codificar emojis y caracteres no latinos en una URL?

Sí. Se convierten a bytes UTF-8 y después a secuencias porcentuales compatibles con URLs.

Resumen del procesamiento

ElementoDescripción
EntradaTexto o secuencia proporcionada por el usuario
ProcesamientoSe utiliza encodeURIComponent sobre la cadena completa. Esto codifica separadores como &, =, ? y / cuando forman parte del valor, evitando que se interpreten como estructura de la URL.
SalidaComponente URL codificado