Codificar y decodificar URL

Codifica fragmentos o URLs completas con porcentaje.

Se procesa en tu navegador

Operación
Qué vas a procesar

Fragmento (encodeURIComponent): para el valor de un parámetro o un segmento de ruta. Codifica también / ? & = # para que no rompan la URL.

Salida

caf%C3%A9%20%26%20t%C3%A9%3A%2050%25%20m%C3%A1s

Qué hace: Codificar y decodificar URL

Las URLs solo admiten ciertos caracteres; los espacios, acentos y símbolos deben codificarse con porcentaje (por ejemplo, un espacio es %20 y la ñ es %C3%B1). Esta herramienta codifica y decodifica en ambos sentidos.

Distingue entre codificar un fragmento —como el valor de un parámetro— y una URL completa, que es la fuente de error más habitual. Si el resultado es una URL, verás sus partes y parámetros decodificados.

Cómo usarla

  1. Elige codificar o decodificar.
  2. Indica si procesas un fragmento o una URL completa.
  3. Escribe o pega el texto y copia el resultado.

Ejemplos

Parámetro de búsqueda

«café & té» como fragmento → caf%C3%A9%20%26%20t%C3%A9. El & queda codificado y no se confunde con otro parámetro.

URL con espacios

https://ejemplo.com/mi archivo.pdf como URL completa → https://ejemplo.com/mi%20archivo.pdf, sin tocar :// ni /.

Límites, fórmulas y supuestos

  • Usa «fragmento» para valores de parámetros: si codificas una URL completa así, sus / y : también se codificarán.
  • Usa «URL completa» para enlaces enteros: no codifica & ni =, así que no sirve para valores que los contengan.
  • Los formularios HTML codifican los espacios como +; activa la opción correspondiente si los datos vienen de un formulario.

Preguntas frecuentes

¿Qué diferencia hay entre %20 y +?

Ambos representan un espacio, pero + solo en la parte de consulta de formularios (application/x-www-form-urlencoded). En rutas, usa %20.

¿Por qué aparece %25?

Es el propio signo %. Si ves %2520, el texto se ha codificado dos veces.

¿Se codifican los emojis?

Sí, como varias secuencias %XX, porque se convierten primero a bytes UTF-8.

Guías relacionadas