Decodificador URL en línea — decodeURIComponent & decodeURI

Invierte la codificación porcentual en cadenas de consulta y URLs. Abre en modo Decodificar: elige componente, URI completa o form-urlencoded, luego haz clic en Convertir.

Cargando…
Codificador y decodificador URL — cadenas de consulta vs URL completa
Los navegadores modernos exponen encodeURIComponent para aislar claves y valores de parámetros, mientras que encodeURI apunta a cadenas href enteras que aún necesitan :, ? y # y otros símbolos estructurales intactos. FastMinify reproduce ambas APIs para que puedas replicar el comportamiento del backend al depurar.

Elegir el modo de codificación correcto

Codificar componente refleja encodeURIComponent: los espacios se convierten en %20, las barras en %2F, los ampersands en %26. Ideal cuando forjas pares de consulta por código o reconstruyes URLs de analytics. Codificar URI refleja encodeURI: los caracteres estructurales reservados quedan intactos mientras los puntos de código Unicode siguen recibiendo escapes percent. Datos de formulario refleja application/x-www-form-urlencoded: como el modo componente pero los espacios se convierten en + en lugar de %20. Decodificar aplica la transformación inversa con decodeURIComponent o decodeURI respectivamente. Pulsa Convertir para ejecutar — las conversiones no son automáticas al escribir.

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 se convierten en %20, las barras en %2F, los ampersands en %26. Úsalo al construir pares ?key=value para fetch, scopes OAuth o payloads de analytics.
URL completa (encodeURI)
Escapa Unicode y octetos inseguros manteniendo el andamiaje de la URL — :, /, ?, # y & siguen literales. Úsalo al sanitizar un href casi completo sin destrozar 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 campos HTML <form> en cuerpos POST — no cómo se construyen habitualmente las query strings 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

Las cargas binarias suelen viajar junto a las URLs — usa el codificador Base64. Escapar markup antes de inyectar cadenas en plantillas corresponde a la utilidad de entidades HTML, y entregar paquetes comprimidos sigue siendo sencillo vía la minificación CSS.

FAQ de codificación URL

Fija el comportamiento del percent-encoding antes de tocar las APIs

¿Por qué encodeURIComponent lanza URI malformed?

decodeURIComponent muestra errores cuando las secuencias percent están incompletas (% solo) o referencian octetos UTF-8 inválidos.

¿Los espacios deben convertirse en + o %20?

encodeURIComponent produce %20 — el valor predeterminado para query strings REST. Usa el alcance Datos de formulario cuando necesites + para los espacios, como en los cuerpos application/x-www-form-urlencoded de formularios HTML.

¿encodeURI protege contra XSS?

No — escapar URLs evita roturas de delimitadores, pero nunca sustituye la codificación HTML contextual.

¿Puedo codificar rutas UTF-8 enteras?

Sí — encodeURIComponent codifica fuera de ASCII automáticamente y conserva los pares subrogados.

¿FastMinify registra las URLs?

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

¿Cuándo debo usar decodeURIComponent?

Úsalo para invertir cadenas producidas por encodeURIComponent — normalmente nombres y valores de parámetros de consulta — antes de mostrarlas o recodificarlas.

¿La herramienta maneja texto no ASCII?

Sí. Las secuencias UTF-8 se percent-codifican 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, encodeURIComponent para cada clave y valor que añades a la query string.

Codificación

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

Explorar otras categorías de herramientas

Minificar

Reduce código y assets para producción — minifica JavaScript, CSS, HTML, JSON y XML antes de gzip o un despliegue CDN.

Embellecer

Haz el código legible con una indentación coherente — embellece JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML y más en tu navegador.

Desminificar

Expande código minificado o comprimido — desminifica JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML y otros formatos al depurar o revisar.

Conversión

Transforma datos entre JSON, YAML, XML y CSV en local — sin subidas a un servidor.

Preprocesadores CSS

Compila SCSS o LESS a CSS estándar en el navegador — combínalo con embellecer o minificar para un flujo de hoja de estilos completo.

Herramientas JSON

Valida, formatea, compara y explora payloads JSON — complementarias a minificadores y convertidores.

Herramientas SVG

Previsualiza, optimiza con SVGO, exporta Data URI, redimensiona, embellece, convierte a JSX y valida SVG — todo en tu navegador.

DevOps e Infra

Formato, validación y minificación de Terraform HCL, formato y lint de Dockerfile, validación de Docker Compose y .env.

CI/CD

GitHub Actions y GitLab CI — formatear YAML y comprobar la estructura de workflows/jobs en el navegador.

Logs y observabilidad

JSON/NDJSON línea a línea y access logs de Nginx/Apache — formato, filtro, validación y CSV/TSV.

Kubernetes

Manifiestos multi-doc, validación estructural, starters Ingress/Deployment y formato de values de Helm.

Red / IP

CIDR, subredes y ayudas IPv4/IPv6 — en tu navegador.

Seguridad y tokens

JWKS, certificados X.509 y escaneo de secretos — en local en el navegador.

API y esquemas

Herramientas OpenAPI para formatear, validar y analizar tus specs.

Utilidades para desarrolladores

Timestamps, UUID, ULID, Nanoid, cron, contraseñas, regex, slugify, bases numéricas, mayúsculas, diff de texto y chmod — todo en el cliente.

Texto y Markdown

Cuenta palabras, genera TOC Markdown y limpia listas de líneas — todo en tu navegador.

IA y LLM

Conteo de tokens, estimación de costes y ajuste a la ventana de contexto — 100 % en el navegador.

Datos de prueba

Valores de campo sintéticos para fixtures y seed de BD — primero números de teléfono en rangos reservados.

Serialización

Serializa y deserializa estructuras PHP junto a los flujos JSON.