Saltar al contenido

Codificar URL online — herramienta encodeURIComponent

Convierte texto en algo seguro dentro de una URL: espacios, caracteres no ASCII y símbolos pasan a secuencias `%XX`. Úsalo al montar query strings, ensamblar URLs de callback o arreglar enlaces que se rompen al pegar chino o espacios. Por defecto sigue `encodeURIComponent` — ideal para el valor de un solo parámetro, no para codificar a ciegas una URL entera.

URL Decode

El `%E4%BD%A0%E5%A5%BD` que ves en la barra de direcciones es “hola” en chino bajo percent-encoding UTF-8. Meter un `?name=张三` crudo en una URL a menudo trunca o corrompe río abajo.

`encodeURIComponent` es agresivo — bueno para valores. Codificar una URL completa con él puede romper `://` si no tienes cuidado; usa modos de URL completa cuando la página los ofrezca.

Codifica antes de enviar, decodifica al depurar — van en pareja.

Cómo codificar

  1. Pega el texto que va dentro de la URL
  2. Confirma el modo (el valor por defecto sirve para valores de parámetro)
  3. Copia la salida codificada a la dirección

Cuándo codificar

  • Query strings hechas a mano con caracteres arriesgados.
  • Callbacks OAuth que esperan parámetros codificados.
  • Comparar docs frente a peticiones reales byte a byte.

Escenarios

  • Términos de búsqueda en `?q=`
  • Nombres de archivo con espacios en params de enlace de descarga
  • Comprobar URLs de ejemplo de la documentación de una API

Consejos

  • Codifica el valor, no un enlace ya codificado — la doble codificación produce `%25`.
  • Los espacios suelen volverse `%20`; algunos formularios usan `+` — conoce tu especificación.
  • En duda, codifica y luego decodifica en la página de decodificar para verificar.

Ejemplos

EntradaSalidaNota
hola (no ASCII)Bytes UTF-8 en percent-encodingp. ej. 你好 → %E4%BD%A0%E5%A5%BD
a ba%20bEspacio
a=1&b=2a%3D1%26b%3D2Como un solo valor de parámetro

Preguntas codificar URL

¿En qué se diferencia de Base64?
Trabajos distintos: la codificación URL mantiene el texto seguro en una URL; Base64 envuelve binario o trozos de token.
¿Y si codifico dos veces?
Obtienes `%25` por los signos de porcentaje ya codificados. Suele codificarse una sola vez.
¿Codificar ruta y consulta igual?
Cada una tiene reglas; codificar valores de parámetro con el valor por defecto aquí es el caso común.

Herramientas relacionadas