Codificar URL online (percent-encoding)

La codificación de URL, también llamada percent-encoding, sustituye los caracteres que no pueden viajar tal cual en una dirección web por una secuencia segura. Cada carácter problemático se reemplaza por un signo % seguido de su valor hexadecimal. Así una dirección sigue siendo válida aunque contenga espacios, acentos o símbolos reservados.

Los espacios y ciertos signos rompen una URL o cambian su significado, por eso hay que escaparlos. Fíjate en algunos ejemplos:

Esta codificación es imprescindible al construir enlaces con parámetros, al pasar texto en una cadena de consulta o al incluir caracteres no ingleses en una dirección. Sin ella, un valor con un & se interpretaría como el inicio de otro parámetro y los datos llegarían rotos al servidor.

Escribe o pega el texto que quieres codificar y obtén al instante la versión segura para usar en una URL. La herramienta escapa todos los caracteres reservados y los que no pertenecen al conjunto seguro, dejando intactos solo los permitidos como letras, dígitos y unos pocos símbolos.

Esto equivale al comportamiento de encodeURIComponent en JavaScript, pensado para codificar un valor concreto que vas a insertar dentro de un parámetro. Es la opción correcta cuando codificas el contenido de un campo, porque escapa también caracteres como &, = y ? que tienen significado especial dentro de una dirección.

Una vez codificado, pega el resultado en tu enlace, en la cadena de consulta o en la configuración que lo necesite. Si más adelante quieres leer el valor legible, el decodificador de URL revierte el proceso y devuelve el texto original con sus espacios y acentos restaurados.

Hay una distinción importante que conviene entender. No es lo mismo codificar un valor que vas a meter dentro de una URL que codificar una dirección entera ya formada. Si escapas una URL completa, los /, :, ? y & que forman su estructura quedarían codificados y la dirección dejaría de funcionar.

La regla práctica es codificar solo las partes variables. Por ejemplo, en buscar?q=VALOR, debes codificar VALOR, no toda la cadena. Mira la diferencia:

Esta herramienta escapa de forma agresiva, ideal para valores individuales. Si necesitas componer la dirección final, codifica cada parámetro por separado y luego únelos con los signos ?, = y & sin codificar. Así la estructura permanece válida y solo los datos viajan escapados, que es justo lo que el servidor espera recibir.

Es fácil confundir la codificación de URL con Base64, pero resuelven problemas distintos. La codificación de URL solo escapa los caracteres conflictivos y deja el resto legible, por lo que el texto sigue siendo reconocible. Base64, en cambio, transforma todo el contenido en una cadena de caracteres opacos.

Usa codificación de URL cuando trabajes con direcciones web y parámetros de consulta. Usa el codificador de Base64 cuando necesites transportar datos binarios o un bloque de texto como una sola cadena, por ejemplo en una cabecera o un campo que no admite ciertos caracteres.

Ambas técnicas aparecen juntas a menudo. Es habitual codificar primero unos datos en Base64 y luego aplicarles codificación de URL si van a viajar en una dirección, ya que Base64 estándar usa + y /, caracteres que tienen significado especial en una URL. Entender qué hace cada una evita errores difíciles de diagnosticar.

Codificar URL es necesario en muchas situaciones cotidianas. Al construir enlaces de búsqueda, al pasar texto con espacios en un parámetro, al incluir nombres con acentos en una ruta o al generar enlaces para compartir, escapar los valores garantiza que lleguen íntegros al destino.

También es clave al generar códigos QR que contienen una dirección. Si el enlace incluye parámetros con caracteres especiales, conviene codificarlos antes para que el QR apunte a la URL correcta. El generador de códigos QR de URL te ayuda a crear ese código una vez tengas la dirección bien formada.

Para cerrar el ciclo, recuerda que toda codificación tiene su inversa. Cuando recibas una URL escapada y quieras leer su contenido real, el decodificador de URL restaura el texto legible. Tener ambas herramientas a mano agiliza la depuración de enlaces y parámetros durante el desarrollo.