Codificador y Decodificador de URL

¿Qué es la codificación de URL?

La codificación de URL (URL encoding) convierte caracteres que no están permitidos dentro de una URL —o que tienen un significado especial en ella— a un formato que cualquier navegador o servidor puede transmitir sin ambigüedad. Una URL solo admite un conjunto limitado de caracteres ASCII: letras, números y unos pocos signos como - _ . ~. Los espacios, las letras acentuadas, símbolos como & o =, y los caracteres de alfabetos no latinos deben representarse de otra forma antes de viajar dentro de una URL.

Esto ocurre constantemente en el uso normal de la web: un buscador que permite escribir "menú del día" necesita convertir esa frase en un único valor de consulta, sin que el espacio la divida en dos ni un carácter acentuado la rompa.

¿Qué es la decodificación de URL?

Decodificar una URL es la operación inversa: tomar una cadena percent-encoded, como la del ejemplo anterior, y convertirla de nuevo en el texto original y legible. Cuando un servidor recibe una petición, decodifica la URL para recuperar el valor real que se envió: el término de búsqueda, el nombre de archivo o el parámetro exacto.

Decodificar una URL es tan habitual como codificarla en el trabajo diario de desarrollo: registros de servidor, barras de direcciones, respuestas de API y enlaces compartidos muestran valores codificados constantemente.

Cómo funciona el percent-encoding

Ambas operaciones se basan en el mismo sistema: el percent-encoding. Cada carácter que no puede aparecer tal cual en una URL se sustituye por el símbolo de porcentaje (%) seguido de su valor hexadecimal de dos dígitos. Un espacio se convierte en %20, un símbolo & en %26 y un signo = en %3D. Los caracteres fuera del ASCII básico —letras acentuadas, símbolos, otros alfabetos— se convierten primero a su secuencia de bytes en UTF-8, y cada byte se codifica por separado, por lo que una sola letra como ñ puede convertirse en varios códigos percent-encoded (%C3%B1).

Vale la pena memorizar algunos códigos habituales: %20 para el espacio (o + en una cadena de consulta), %2F para la barra inclinada, %3F para el signo de interrogación, %23 para la almohadilla, %26 para el ampersand y %25 para el propio símbolo de porcentaje.

Codificación de parámetros de consulta y URL completas

Los parámetros de consulta requieren especial atención, porque los caracteres que los separan —?, & y =— tienen un significado estructural en la URL. Si el valor de un parámetro contiene alguno de estos caracteres sin codificar, la URL se interpreta mal. Codificar solo el valor, dejando intactos los símbolos ?, & y = que forman la estructura, mantiene la URL correcta mientras transporta cualquier texto de forma segura.

Codificar una URL completa es distinto: se codifica cada carácter reservado, incluidas las barras de la ruta, lo cual resulta útil cuando esa URL entera debe insertarse como un único valor dentro del parámetro de otra URL.

Codificar vs. decodificar: la diferencia

Son operaciones exactamente inversas. Codificar una URL toma texto legible y produce una cadena percent-encoded segura para incluir en una URL. Decodificar una URL toma esa cadena y reconstruye el texto original. Codificar es lo que haces antes de enviar datos en una URL; decodificar es lo que haces —o hace un servidor— después de recibirlos.

Cómo usar este codificador y decodificador de URL

Elige Codificar o Decodificar con el interruptor de arriba y pega el texto en el cuadro de la izquierda. El resultado aparece al instante en el cuadro de la derecha mientras escribes, sin botones ni recargas de página. Usa Copiar para pasar el resultado al portapapeles, Borrar para vaciar la entrada, y el icono de intercambio para invertir la operación.

Ejemplos comunes de codificación de URL

Algunos patrones se repiten constantemente: un espacio se convierte en %20 (o en + dentro de una consulta de formulario), un ampersand dentro de un valor se convierte en %26, y una dirección de correo usada como parámetro codifica su símbolo @ como %40. El texto con acentos o de otros alfabetos se expande en varios códigos percent-encoded por carácter debido a la codificación UTF-8.

Casos de uso habituales para desarrolladores y usuarios

Los desarrolladores recurren a un codificador y decodificador de URL constantemente: al construir peticiones a una API, generar URL de redirección, depurar por qué un parámetro no llega como se esperaba, o preparar texto de usuario para insertarlo de forma segura en un enlace. Los usuarios cotidianos se topan con la misma necesidad al compartir un enlace con caracteres especiales o al entender una URL extraña recibida por correo.

Privacidad: todo ocurre en tu navegador

Esta herramienta realiza cada conversión de forma local, con JavaScript que se ejecuta en tu dispositivo. El texto que escribes nunca se sube, transmite, registra ni almacena en ningún servidor: no existe ningún paso de procesamiento del lado del servidor. Puedes pegar cadenas de consulta sensibles o datos personales sin que salgan jamás de tu navegador.