Codificador/Decodificador URL

¿Qué es la codificación URL?

La codificación URL, también llamada percent-encoding, transforma caracteres que no se pueden usar de forma segura dentro de una URL en secuencias con % y valores hexadecimales. Por ejemplo, un espacio se convierte en %20 y la letra ñ pasa a %C3%B1.

Es imprescindible cuando trabajas con parámetros de búsqueda, enlaces de campañas, APIs, formularios y cualquier URL que incluya tildes, espacios, símbolos reservados o texto en varios idiomas.

Funciones principales

• Codificar y decodificar en la misma pantalla – Cambia de modo al instante sin perder el contexto.
• Conversión en tiempo real – El resultado se actualiza mientras escribes o pegas el texto.
• Dos métodos de codificación – Elige entre encodeURIComponent y encodeURI según tu caso.
• Intercambio rápido – Pasa la salida a la entrada para revisar o invertir el flujo con un clic.
• Copiar al portapapeles – Lleva el resultado a tu código, ticket o documento sin pasos extra.
• Conteo de caracteres – Comprueba la diferencia de longitud entre el texto original y el codificado.

Cómo usar el codificador/decodificador URL

1. Elige el modo – Selecciona Codificar para preparar texto para una URL o Decodificar para leer una cadena ya codificada.
2. Escoge el tipo de codificación – Usa la codificación completa para valores de parámetros y la parcial cuando quieras conservar la estructura de la URL.
3. Pega tu texto o URL – Introduce el valor tal como aparece en tu navegador, CMS, hoja de cálculo o herramienta de analítica.
4. Revisa el resultado – Comprueba la salida y confirma si necesitas %20, caracteres reservados intactos o solo el valor de un parámetro.
5. Copia y reutiliza – Envía el resultado a tu código, a una URL de campaña, a documentación técnica o a un informe.

Comparación de métodos de codificación

Codificación completa (encodeURIComponent)

Convierte prácticamente todos los caracteres reservados. Es la opción recomendada para valores de parámetros, términos de búsqueda, nombres con tildes o etiquetas UTM.

• Entrada: https://ejemplo.com/busqueda?q=café con leche
• Salida: https%3A%2F%2Fejemplo.com%2Fbusqueda%3Fq%3Dcaf%C3%A9%20con%20leche

Codificación parcial (encodeURI)

Mantiene caracteres estructurales de la URL como :, /, ? y =, y solo codifica espacios, acentos y otros caracteres que no deben viajar sin escapar.

• Entrada: https://ejemplo.com/busqueda?q=café con leche
• Salida: https://ejemplo.com/busqueda?q=caf%C3%A9%20con%20leche

¿A quién le viene bien esta herramienta?

• Desarrolladores web – Para preparar parámetros, callbacks, rutas y pruebas con APIs.
• Equipos de QA – Para validar URLs codificadas en incidencias, logs y pruebas automatizadas.
• SEO y marketing – Para revisar slugs, UTMs y enlaces con caracteres acentuados o espacios.
• Analistas y equipos de datos – Para leer URLs registradas en eventos, paneles y exportaciones.
• Soporte y contenido – Para detectar por qué un enlace compartido se ha roto o se ve mal.

Privacidad

Esta herramienta funciona 100% en tu navegador. El texto que introduces no se envía a ningún servidor y desaparece cuando cierras la pestaña. Puedes revisar parámetros internos, URLs de campañas o cadenas sensibles sin subir nada a terceros.

Cuándo conviene usarlo

• Cuando necesitas codificar un valor antes de añadirlo a una query string o a un enlace compartido.
• Cuando quieres comprobar por qué una URL con tildes, espacios o símbolos deja de funcionar.
• Cuando revisas parámetros UTM, nombres de archivo o rutas con caracteres internacionales.
• Cuando recibes una cadena codificada en 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 distinta.

Más detalles

El resultado depende del modo elegido y del método de codificación seleccionado. Esta herramienta utiliza las funciones estándar de JavaScript para que puedas reproducir el comportamiento habitual del navegador en 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