Decodificador URL en línea — decodeURIComponent & decodeURI

Revierte la codificación porcentual de las cadenas de consulta y las URL. La herramienta se abre en modo Decodificar. Elige el ámbito componente, URI completa o form-urlencoded y luego selecciona Convertir.

Cargando…
Codificador y decodificador de URL
Los navegadores modernos ofrecen encodeURIComponent para aislar claves y valores de parámetros, y encodeURI para cadenas href enteras en las que :, ?, # y otros caracteres de estructura deben quedar intactos. FastMinify reproduce ambas funciones para que puedas replicar el comportamiento de un backend al depurar.

Elegir el modo de codificación correcto

El alcance «Componente de consulta» equivale a encodeURIComponent. Los espacios pasan a %20, las barras a %2F y los ampersands a %26. Sirve para construir pares de consulta desde código o para analizar URL de herramientas de analítica. El alcance «URL completa» equivale a encodeURI. Los caracteres de estructura reservados quedan intactos, mientras que los caracteres Unicode siguen recibiendo codificación porcentual. El alcance «Datos de formulario» equivale a application/x-www-form-urlencoded. Funciona como el componente de consulta, pero los espacios pasan a + en lugar de %20. Decodificar aplica la transformación inversa con decodeURIComponent o decodeURI. Elige Convertir para ejecutarlo, porque la conversión no es automática mientras escribes.

Elegir un alcance de codificación

Componente de consulta (encodeURIComponent)
Codifica cada carácter reservado de un nombre o valor de parámetro aislado. Los espacios pasan a %20, las barras a %2F y los ampersands a %26. Úsalo al construir pares ?key=value para fetch, OAuth o datos de analítica.
URL completa (encodeURI)
Escapa Unicode y los bytes inseguros y mantiene intacta la estructura de la URL. Los caracteres :, /, ?, # y & quedan literales. Úsalo para limpiar un href casi completo sin estropear sus delimitadores.
Datos de formulario (application/x-www-form-urlencoded)
Codifica como encodeURIComponent, pero convierte los espacios en + en lugar de %20. Reproduce cómo los navegadores serializan los campos de un <form> HTML en el cuerpo de un POST, y no cómo se construyen normalmente las cadenas de consulta de los enlaces.

Comparaciones rápidas

encodeURIComponent para parámetros

Entrada de ejemplo

https://api.example.com/v2/search?q=hello world&filter=a&b&category=home office&price=$100&currency=USD&region=eu-west-1&sort=relevance&page=2&trace=abc123

Salida de ejemplo

https%3A%2F%2Fapi.example.com%2Fv2%2Fsearch%3Fq%3Dhello%20world%26filter%3Da%26b%26category%3Dhome%20office%26price%3D%24100%26currency%3DUSD%26region%3Deu-west-1%26sort%3Drelevance%26page%3D2%26trace%3Dabc123

encodeURI conserva el andamiaje de la URL

Entrada de ejemplo

https://shop.example.com/catalog?tag=sale%20items&sort=price

Salida de ejemplo

https://shop.example.com/catalog?tag=sale%2520items&sort=price

Explorar herramientas vecinas

Los datos binarios suelen viajar junto a las URL, así que para ellos usa el codificador Base64. Para escapar marcado antes de meter cadenas en plantillas, usa la utilidad de entidades HTML, y para entregar archivos CSS compactos, la minificación CSS.

FAQ de codificación URL

Fija el comportamiento de la codificación porcentual antes de tocar las API

¿Por qué decodeURIComponent lanza el error URI malformed?

decodeURIComponent muestra errores cuando las secuencias con % están incompletas (un % suelto) o hacen referencia a bytes UTF-8 no válidos.

¿Los espacios deben convertirse en + o %20?

encodeURIComponent produce %20, el valor habitual para cadenas de consulta REST. Usa el alcance «Datos de formulario» cuando necesites + para los espacios, como en los cuerpos application/x-www-form-urlencoded de los formularios HTML.

¿encodeURI protege contra XSS?

No. Escapar URL evita que se rompan los delimitadores, pero nunca sustituye la codificación HTML propia de cada contexto.

¿Puedo codificar rutas UTF-8 enteras?

Sí. encodeURIComponent codifica automáticamente todo lo que queda fuera de ASCII y conserva los pares subrogados.

¿FastMinify registra las URL?

No hay ida y vuelta al servidor; todo se ejecuta en local.

¿Cuándo debo usar decodeURIComponent?

Para invertir cadenas producidas por encodeURIComponent, normalmente nombres y valores de parámetros de consulta, antes de mostrarlas o volver a codificarlas.

¿La herramienta admite texto que no sea ASCII?

Sí. Las secuencias UTF-8 se codifican con el formato porcentual igual que en los navegadores modernos, antes de que la petición salga del cliente.

¿Puedo mezclar encodeURI y encodeURIComponent?

Suele elegirse una estrategia por capa: encodeURI para un href casi completo y encodeURIComponent para cada clave y valor que añades a la cadena de consulta.

Codificación

Codifica o decodifica Base64, componentes URL y entidades HTML — solo en el cliente.

Explorar otras categorías de herramientas