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

¿Qué es Codificador / decodificador de URL?

Codificador / decodificador de URL es una utilidad gratis en el navegador de ToolsMinify. 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. No requiere registro, procesa los datos en local cuando es posible y está pensada para ir rápido en móvil y escritorio.

Codifica o decodifica URLs con percent-encoding, o arma y parsea query strings con pares clave/valor. encodeURIComponent, encodeURI y parse-back en tu navegador.

¿Por qué usar Codificador / decodificador de URL?

• Evita instalar un paquete para una transformación puntual
• La validación detecta datos mal formados antes de llegar a producción
• Copia la salida lista para pegar en código, SQL o el cuerpo de una petición
• Todo se ejecuta en el cliente: los datos no salen de tu equipo

Cómo usar Codificador / decodificador de URL paso a paso

1. Paso 1: Elige Codificar / Decodificar para percent-codificar texto, o Query string para armar y parsear parametros.
2. Paso 2: Al codificar, deja el interruptor de URL completa apagado para un solo valor (encodeURIComponent), o activalo para un enlace completo (encodeURI).
3. Paso 3: 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.
4. Paso 4: Copia el texto codificado, decodificado o la query generada desde el cuadro de salida.

La Codificador / decodificador de URL está en Herramientas para desarrolladores. Abre la página de la herramienta, introduce tu texto o datos en el campo principal y los resultados se actualizan al instante. Usa el botón de copiar para pegar la salida en documentos, editores de código u hojas de cálculo.

Casos de uso comunes

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

Ejemplos

• 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

Consejos profesionales

• Pruébala primero con datos de ejemplo cuando la carga real sea sensible.
• Si el procesado falla, lo habitual es que la entrada esté mal formada, no la herramienta.
• Guarda una copia minificada y otra legible: una para publicar y otra para depurar.

Preguntas frecuentes

¿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 relacionadas

Explora otras herramientas para desarrolladores en ToolsMinify. En la página de Codificador / decodificador de URL encontrarás utilidades relacionadas para completar tu flujo sin salir del sitio.