Codificador / Decodificador URL

La codificación de URL (también llamada percent-encoding) convierte caracteres que no son seguros para usar en una URL en una secuencia de escape del tipo %XX, donde XX es el valor hexadecimal del carácter. Por ejemplo, un espacio se convierte en %20 y la arroba en %40. Esto garantiza que la URL sea válida en cualquier navegador y servidor.

Siempre que incluyas texto libre en una URL: parámetros GET con caracteres especiales, tildes o espacios (ej. ?q=café con leche), fragmentos de hash, o cualquier dato de usuario en la cadena de consulta. Si no lo codificas, el servidor puede interpretar los caracteres reservados (&, =, #) como parte de la estructura de la URL y no como datos.

encodeURI codifica la URL completa y deja sin tocar los caracteres reservados de estructura (:, /, ?, &, #). encodeURIComponent codifica todo, incluidos esos caracteres, porque asume que estás codificando el valor de un parámetro, no una URL entera. Esta herramienta usa encodeURIComponent, que es el estándar correcto para codificar valores individuales.

Existen dos convenciones: el estándar RFC 3986 usa %20 para el espacio, mientras que el formato application/x-www-form-urlencoded (HTML forms) usa +. Los navegadores modernos y encodeURIComponent siguen RFC 3986 y producen %20, que es el formato correcto para cualquier URL. El signo + solo debe usarse en el cuerpo de formularios HTML, no en URLs generales.

Desarrolladores web y backend lo usan a diario para codificar parámetros dinámicos en APIs REST, construir query strings con caracteres especiales y depurar URLs que llegan mal formadas desde el cliente. Especialistas en SEO lo necesitan para codificar correctamente palabras clave en parámetros de búsqueda, URLs canónicas y parámetros UTM con caracteres no ASCII. Analistas de datos lo emplean para limpiar URLs extraídas de logs de servidor o de exports de herramientas de analítica que contienen tildes, espacios y caracteres extendidos. Profesionales de ciberseguridad lo usan para analizar y construir payloads de prueba en tests de penetración y validación de inputs. Diseñadores y creadores de contenido lo consultan para entender por qué una URL se ve con signos de porcentaje y cómo decodificarla para leerla limpia.

En el escritorio, pulsa Ctrl + D (Windows/Linux) o Cmd + D (Mac) en Chrome, Firefox o Edge para añadir esta página a tus marcadores al instante. En Safari para Mac usa Cmd + D o ve a Marcadores → Añadir marcador. En el móvil con Chrome (Android), toca el menú de tres puntos (⋮) y elige «Añadir a pantalla de inicio» o «Añadir a marcadores». En el móvil con Safari (iPhone/iPad), toca el botón de compartir (□↑) y luego «Añadir a pantalla de inicio». Tenerla en la barra de favoritos del navegador ahorra el tiempo de buscarla cada vez que encuentres una URL codificada que necesites entender.