¿Qué es la codificación URL (percent-encoding)?

La codificación URL, también llamada percent-encoding, reemplaza caracteres inseguros o reservados en una URL con un % seguido de dos dígitos hexadecimales que representan el valor del byte. Por ejemplo, un espacio se convierte en %20 y un ampersand en %26. Te permite incluir con seguridad espacios, símbolos y caracteres no ASCII en una URL, query string o envío de formulario.

¿Cuál es la diferencia entre encodeURIComponent y encodeURI?

encodeURIComponent escapa casi todos los caracteres reservados -incluyendo & = ? / # : @ + y el espacio- así que es la opción correcta para un solo valor de query string o segmento de ruta. encodeURI deja intactos los caracteres que forman la estructura de una URL (: / ? & = #), así que sirve para codificar una URL completa que ya contiene esos delimitadores. Como regla: usa encodeURIComponent para las partes, encodeURI para el todo.

¿Qué caracteres se codifican?

Los caracteres no reservados (A-Z, a-z, 0-9 y - _ . ! ~ * ' ( )) nunca se codifican. Los caracteres reservados e inseguros -espacios, &, =, ?, /, #, % y cualquier carácter no ASCII como letras acentuadas o emoji- se convierten en uno o más bytes %XX (UTF-8). encodeURIComponent también codifica los delimitadores reservados, mientras que encodeURI los conserva.

¿Cómo armo una query string de forma segura?

Cambia al modo Query string y agrega una fila por parametro. El constructor codifica cada clave y valor con encodeURIComponent antes de unirlos con & y =, asi que un valor como zapatos & medias se convierte en zapatos%20%26%20medias y no rompe la query. Tambien puedes codificar un solo valor en modo Codificar / Decodificar y pegarlo tu mismo.

¿Puedo parsear una query string o URL de vuelta a los campos?

Si. En modo Query string, pega una query suelta (?q=hola+mundo), una ruta con query o una URL completa y pulsa Parsear en campos. La herramienta rellena las filas clave/valor, trata el + como espacio (form-urlencoded) y fija la URL base cuando pegas un enlace completo. Los escapes porcentuales mal formados muestran un error claro.

¿Por qué obtengo un error al decodificar?

La decodificación falla cuando la entrada contiene un escape de porcentaje mal formado: un "%" solo sin dos dígitos hex, o una secuencia inválida como "%zz". Comprueba que cada "%" vaya seguido de un código hex de dos dígitos válido. El texto que nunca se codificó como URL pasa sin cambios, salvo que contenga un "%" suelto.

¿Se envían mis datos a un servidor?

No. Toda la codificacion, decodificacion, construccion de query y parse-back ocurre por completo en tu navegador con las funciones estandar encodeURIComponent, encodeURI y decodeURIComponent. Nada de lo que pegas se sube, registra ni almacena.

Herramientas para desarrolladores

Popular

Codificador / decodificador de URL

Usa este codificador y decodificador de URL gratis para convertir texto y enlaces a percent-encoding (codificación URL) o decodificar una URL codificada a texto legible.

Modo

Percent-codifica un solo valor o una URL completa, o decodifica texto con percent-encoding.

Texto o URL

Codificar URL completa (encodeURI)

Predeterminado (encodeURIComponent): escapa caracteres reservados como & = ? /; seguro para un valor de consulta o segmento de ruta.

Salida

Acerca de Codificador / decodificador de URL

Usa este codificador y decodificador de URL gratis para convertir texto y enlaces a percent-encoding (codificación URL) o decodificar una URL codificada a texto legible. Elige entre encodeURIComponent -que escapa caracteres reservados como &, =, ? y / para que un valor sea seguro dentro de una query string- o encodeURI, que mantiene intacta la estructura de una URL completa. La misma pagina incluye un constructor de query string: agrega pares clave/valor, opcionalmente una URL base, copia el resultado, o pega una query o URL para volver a llenar los campos. Todo se ejecuta en el cliente en tu navegador, asi que no se sube nada.

Cómo usar Codificador / decodificador de URL

Elige Codificar / Decodificar para percent-codificar texto, o Query string para armar y parsear parametros.
Al codificar, deja el interruptor de URL completa apagado para un solo valor (encodeURIComponent), o activalo para un enlace completo (encodeURI).
En modo Query string, agrega filas clave/valor (y una URL base opcional). Cada valor se codifica de forma segura. Pega una query o URL y pulsa Parsear en campos para rellenar las filas.
Copia el texto codificado, decodificado o la query generada desde el cuadro de salida.

Ejemplos de Codificador / decodificador de URL

Codificar un valor de query

hello world & more se convierte en hello%20world%20%26%20more

Codificar una URL completa

https://example.com/a b?q=1 se convierte en https://example.com/a%20b?q=1 con encodeURI

Armar una query string

Filas q=zapatos & medias y sort=price se convierten en ?q=zapatos%20%26%20medias&sort=price

Parsear una URL de vuelta

https://example.com/search?q=hola%20mundo&page=2 rellena los campos q y page; el + en datos de formulario es un espacio

Qué es la codificación URL

Leer la guía completa

Cómo usar Codificador / decodificador de URL: guía completa (2026) - 5 min de lectura

Preguntas frecuentes sobre Codificador / decodificador de URL

¿Qué es la codificación URL (percent-encoding)?: La codificación URL, también llamada percent-encoding, reemplaza caracteres inseguros o reservados en una URL con un % seguido de dos dígitos hexadecimales que representan el valor del byte. Por ejemplo, un espacio se convierte en %20 y un ampersand en %26. Te permite incluir con seguridad espacios, símbolos y caracteres no ASCII en una URL, query string o envío de formulario.
¿Cuál es la diferencia entre encodeURIComponent y encodeURI?: encodeURIComponent escapa casi todos los caracteres reservados -incluyendo & = ? / # : @ + y el espacio- así que es la opción correcta para un solo valor de query string o segmento de ruta. encodeURI deja intactos los caracteres que forman la estructura de una URL (: / ? & = #), así que sirve para codificar una URL completa que ya contiene esos delimitadores. Como regla: usa encodeURIComponent para las partes, encodeURI para el todo.
¿Qué caracteres se codifican?: Los caracteres no reservados (A-Z, a-z, 0-9 y - _ . ! ~ * ' ( )) nunca se codifican. Los caracteres reservados e inseguros -espacios, &, =, ?, /, #, % y cualquier carácter no ASCII como letras acentuadas o emoji- se convierten en uno o más bytes %XX (UTF-8). encodeURIComponent también codifica los delimitadores reservados, mientras que encodeURI los conserva.
¿Cómo armo una query string de forma segura?: Cambia al modo Query string y agrega una fila por parametro. El constructor codifica cada clave y valor con encodeURIComponent antes de unirlos con & y =, asi que un valor como zapatos & medias se convierte en zapatos%20%26%20medias y no rompe la query. Tambien puedes codificar un solo valor en modo Codificar / Decodificar y pegarlo tu mismo.
¿Puedo parsear una query string o URL de vuelta a los campos?: Si. En modo Query string, pega una query suelta (?q=hola+mundo), una ruta con query o una URL completa y pulsa Parsear en campos. La herramienta rellena las filas clave/valor, trata el + como espacio (form-urlencoded) y fija la URL base cuando pegas un enlace completo. Los escapes porcentuales mal formados muestran un error claro.
¿Por qué obtengo un error al decodificar?: La decodificación falla cuando la entrada contiene un escape de porcentaje mal formado: un "%" solo sin dos dígitos hex, o una secuencia inválida como "%zz". Comprueba que cada "%" vaya seguido de un código hex de dos dígitos válido. El texto que nunca se codificó como URL pasa sin cambios, salvo que contenga un "%" suelto.
¿Se envían mis datos a un servidor?: No. Toda la codificacion, decodificacion, construccion de query y parse-back ocurre por completo en tu navegador con las funciones estandar encodeURIComponent, encodeURI y decodeURIComponent. Nada de lo que pegas se sube, registra ni almacena.

Codificador / decodificador Base64

Codificador y decodificador Base64 online gratis. Codifica texto a Base64 o decodifica Base64 a texto plano, con soporte completo Unicode (UTF-8). Se ejecuta por completo en tu navegador.

Minificador y formateador de JSON

Minificador y formateador de JSON online gratis. Minifica JSON para reducir payloads o embellece (pretty-print) JSON con sangría de 2 espacios. Valida mientras escribes: no hace falta subir archivos.

Minificador de HTML

Minificador de HTML online gratis. Comprime y minifica HTML eliminando comentarios y colapsando espacios en blanco: archivos más pequeños y páginas más rápidas. Se ejecuta en tu navegador, sin subir archivos.