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.
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
- Pega el texto que va dentro de la URL
- Confirma el modo (el valor por defecto sirve para valores de parámetro)
- 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
| Entrada | Salida | Nota |
|---|---|---|
| hola (no ASCII) | Bytes UTF-8 en percent-encoding | p. ej. 你好 → %E4%BD%A0%E5%A5%BD |
| a b | a%20b | Espacio |
| a=1&b=2 | a%3D1%26b%3D2 | Como 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.