← Inicio

Codificación

URL

Codifica o decodifica componentes y desglosa una URL en partes y parámetros.

Cómo funciona

Las URLs solo admiten un conjunto limitado de caracteres. Los espacios, los acentos, los emojis y los símbolos con significado especial, como &, =, ? o #, se escriben con percent-encoding: cada byte UTF-8 se convierte en % seguido de dos dígitos hexadecimales. Esta herramienta hace esa conversión en ambas direcciones mientras escribes.

Elige Codificar componente cuando el texto va dentro de un parámetro o de un segmento de ruta. En ese caso se escapan también los separadores, para que un & en el valor no parta la consulta en dos. Usa Codificar URL completa cuando tienes una URL entera con espacios o acentos y quieres que siga siendo navegable sin tocar sus separadores. Decodificar revierte ambas formas y te avisa si encuentra un % que no forma una secuencia válida.

Si pegas una URL absoluta, verás además su desglose: protocolo, host, puerto, ruta, fragmento, origen y la lista de parámetros ya decodificados. Es la forma rápida de leer un enlace de seguimiento largo, revisar un callback de OAuth o comprobar qué recibe realmente tu API.

Todo se procesa en el navegador con las APIs estándar URL y encodeURIComponent; nada se envía a un servidor.

Ejemplos

Codificar un valor para un parámetro de consulta

Entrada
precio=10€ & envío gratis
Resultado
precio%3D10%E2%82%AC%20%26%20env%C3%ADo%20gratis

Desglosar una URL con parámetros

Entrada
https://api.example.com:8443/v1/search?q=caf%C3%A9%20con%20leche&page=2#results
Resultado
Protocolo   https:
Host        api.example.com
Puerto      8443
Ruta        /v1/search
Fragmento   #results
Origen      https://api.example.com:8443
q           café con leche
page        2

Preguntas frecuentes

¿Qué diferencia hay entre codificar un componente y la URL completa?

Codificar un componente (como encodeURIComponent) escapa también / ? & = y #, porque el valor va dentro de un parámetro. Codificar la URL completa (como encodeURI) deja esos separadores intactos para que la URL siga funcionando.

¿Por qué aparece %20 o +?

Ambos representan un espacio. %20 es el percent-encoding estándar; + solo significa espacio dentro de formularios application/x-www-form-urlencoded. Esta herramienta genera %20, que funciona en cualquier parte de la URL.

¿Qué significa el error de secuencia % mal formada?

Cada % debe ir seguido de dos dígitos hexadecimales que formen UTF-8 válido. Un % suelto, como en 100%, debe escribirse %25.