Codificador/Decodificador de URL

¿Qué es la codificación de URL?

La codificación de URL, también conocida como percent-encoding, convierte caracteres que no deben viajar tal cual dentro de una dirección web en secuencias con % y valores hexadecimales. Por ejemplo, un espacio se convierte en %20 y la letra ó pasa a %C3%B3.

Esto es clave cuando trabajas con parámetros, formularios, APIs, enlaces de campaña, UTMs y URLs que incluyen espacios, acentos, símbolos reservados o texto en varios idiomas.

Funciones principales

• Codificar y decodificar en una sola pantalla – Cambia de modo sin perder el texto que estás revisando.
• Conversión en tiempo real – El resultado se actualiza mientras escribes o pegas contenido.
• Dos métodos de codificación – Elige entre encodeURIComponent y encodeURI según lo que necesites.
• Intercambio rápido – Manda la salida a la entrada con un clic para validar el flujo completo.
• Copiar al portapapeles – Llévate el resultado a tu código, ticket o documento sin pasos extra.
• Conteo de caracteres – Compara cuánto cambia la longitud antes y después de codificar.

Cómo usar el codificador/decodificador de URL

1. Elige el modo – Usa Codificar si vas a preparar un valor para una URL o Decodificar si necesitas leer una cadena ya codificada.
2. Selecciona el tipo de codificación – La codificación completa sirve mejor para valores de parámetros; la parcial conserva la estructura de una URL completa.
3. Pega el texto o la URL – Trabaja con el valor tal como aparece en tu navegador, CMS, hoja de cálculo o herramienta de analítica.
4. Revisa el resultado – Confirma si necesitas una cadena totalmente escapada o solo un parámetro bien codificado.
5. Copia y reutiliza – Manda el resultado a una API, una liga de campaña, una documentación interna o un reporte de soporte.

Comparación de métodos de codificación

Codificación completa (encodeURIComponent)

Convierte casi todos los caracteres reservados. Es la mejor opción para valores de parámetros, términos de búsqueda, nombres con acentos y etiquetas UTM.

• Entrada: https://ejemplo.com/busqueda?q=taquería en Coyoacán
• Resultado: https%3A%2F%2Fejemplo.com%2Fbusqueda%3Fq%3Dtaquer%C3%ADa%20en%20Coyoac%C3%A1n

Codificación parcial (encodeURI)

Deja intactos caracteres estructurales como :, /, ? y =, y codifica espacios, acentos y otros caracteres que no deberían viajar sin escapar.

• Entrada: https://ejemplo.com/busqueda?q=taquería en Coyoacán
• Resultado: https://ejemplo.com/busqueda?q=taquer%C3%ADa%20en%20Coyoac%C3%A1n

¿A quién le sirve esta herramienta?

• Desarrolladores web – Para preparar parámetros, callbacks, rutas y pruebas con APIs.
• Equipos de QA – Para validar URLs codificadas en tickets, logs y pruebas automatizadas.
• Marketing y SEO – Para revisar slugs, UTMs y enlaces con espacios o caracteres acentuados.
• Analistas y equipos de datos – Para interpretar URLs guardadas en eventos, dashboards o exportaciones.
• Soporte y contenido – Para encontrar por qué una liga compartida se rompió o se ve incorrecta.

Privacidad

Esta herramienta funciona 100% en tu navegador. El texto que pegas no se manda a ningún servidor y se elimina cuando cierras la pestaña. Puedes revisar parámetros internos, enlaces de campaña o cadenas sensibles sin depender de servicios externos.

Cuándo conviene usarlo

• Cuando necesitas codificar un valor antes de agregarlo a una query string o a una liga compartida.
• Cuando quieres entender por qué una URL con acentos, espacios o símbolos especiales dejó de funcionar.
• Cuando revisas UTMs, nombres de archivo o rutas con texto internacional.
• Cuando recibes una cadena codificada desde un log, webhook o sistema de soporte y necesitas leerla rápido.
• Cuando quieres confirmar si tu app espera encodeURI, encodeURIComponent o una codificación de formulario diferente.

Más detalles

El resultado depende del modo elegido y del método de codificación seleccionado. La herramienta usa las funciones estándar de JavaScript para reproducir el comportamiento más común del navegador durante pruebas rápidas y revisiones manuales.

Si tu backend usa application/x-www-form-urlencoded, tokens firmados o reglas propias de escape, conviene validar también el formato final con tu documentación técnica o con el entorno real.

Preguntas frecuentes