¿Cuál es la diferencia entre Componente y URI completa?

Componente usa encodeURIComponent y codifica &, =, ?, /. URI completa usa encodeURI y deja esos separadores para conservar la estructura de la URL.

¿Por qué el espacio es %20 y no +?

Esta herramienta sigue el percent-encoding (encodeURIComponent). El + para espacios pertenece a application/x-www-form-urlencoded. Un + literal pasa a %2B en modo Componente.

¿Cómo depurar un parámetro de redirección?

Codifica el valor de `redirect=` en modo Componente. Si codificas toda la URL en ese modo, verás `https%3A%2F%2F…` con todos los separadores escapados.

¿Se envían datos al servidor?

No. La conversión se ejecuta solo en el navegador.

URL

codificación porcentual (encode/decode)

Codifica caracteres especiales en URLs con codificación porcentual o decodifícalos. Esencial para cadenas de consulta, peticiones API y enlaces seguros.

Esta conversión se ejecuta solo en tu navegador; no se sube nada.

URI completa (encodeURI)

Los espacios pasan a %20 (no +). El modo predeterminado es Componente para valores de consulta; URI completa deja la puntuación reservada.

Entrada0
Salida0
OpcionesComponente (encodeURIComponent)

Entrada

Salida

¿Qué es esta herramienta?

Codifica y decodifica texto URL con percent-encoding para que espacios, Unicode y caracteres reservados viajen bien en consultas, rutas, redirecciones y APIs.

Componente (encodeURIComponent, predeterminado) es para un valor; URI completa (encodeURI) deja :, /, ? y &. La conversión es en vivo y solo en el navegador.

No es cifrado.

Casos de uso comunes

Codificar un parámetro de consulta con espacios, & o =
Preparar o revisar una URL de redirección anidada en ?redirect=
Decodificar una línea de log o error de API percent-encoded

Cómo usar

Elige Encode o Decode; el resultado se actualiza al escribir.
Deja URI completa apagada para valores de consulta/ruta. Actívala solo para una URL entera.
Pega texto o una cadena percent-encoded. Usa Sample para comparar modos.
Copia la salida. Si falla el decode, busca %ZZ, un % suelto o UTF-8 truncado.

encodeURI vs encodeURIComponent

Entrada	Componente (`encodeURIComponent`)	URI completa (`encodeURI`)
`a b&c=1`	`a%20b%26c%3D1`	`a%20b&c=1`
`https://ex.com/a?b=1`	`https%3A%2F%2Fex.com%2Fa%3Fb%3D1`	`https://ex.com/a?b=1`
`a+b=c`	`a%2Bb%3Dc`	`a+b=c`

Usa Componente para valores dentro de una consulta o ruta; URI completa solo si la entrada ya es una URL completa.

Ejemplos

Entrada / opción	Salida	Notas
`hello world` → Componente	`hello%20world`	Espacios → `%20`
`a b&c=1` → Componente	`a%20b%26c%3D1`	Codifica `&` y `=` para un solo valor
`a b&c=1` → URI completa	`a%20b&c=1`	Conserva puntuación reservada
`hello+world` → Decode Componente	`hello+world`	`+` literal, no espacio de formulario

Errores prácticos

Codificar toda una URL en modo Componente convierte / y ? en %2F / %3F (error típico de redirect).
application/x-www-form-urlencoded trata + como espacio; decodeURIComponent no. Prefiere %20 en componentes URL.
Codificar no es control de acceso: los secretos en la query siguen en logs y Referer.

Referencias

Última revisión: 2026-07-26

Preguntas frecuentes

¿Cuál es la diferencia entre Componente y URI completa?: Componente usa encodeURIComponent y codifica &, =, ?, /. URI completa usa encodeURI y deja esos separadores para conservar la estructura de la URL.
¿Por qué el espacio es %20 y no +?: Esta herramienta sigue el percent-encoding (encodeURIComponent). El + para espacios pertenece a application/x-www-form-urlencoded. Un + literal pasa a %2B en modo Componente.
¿Cómo depurar un parámetro de redirección?: Codifica el valor de `redirect=` en modo Componente. Si codificas toda la URL en ese modo, verás `https%3A%2F%2F…` con todos los separadores escapados.
¿Se envían datos al servidor?: No. La conversión se ejecuta solo en el navegador.