Qué hace
Convierte texto a forma codificada en porcentajes y de vuelta. Dos elecciones controlan el resultado: una dirección (Codificar o Decodificar) y un ámbito (Componente o URI completa). El modo Componente aplica encodeURIComponent, que escapa cada carácter reservado y es el adecuado para valores de query. El modo URI completa aplica encodeURI, que mantiene ; / ? : @ & = + $ , # intactos para que una URL entera siga siendo una URL. Una entrada malformada, como un % suelto al decodificar, muestra un error claro en lugar de una respuesta incorrecta.
Cómo usarlo
- Elige una dirección: Codificar o Decodificar.
- Elige un ámbito: Componente para un solo valor de query, URI completa para una URL entera.
- Escribe o pega en la caja de entrada. La caja de salida se actualiza mientras escribes.
- Copia la salida, o copia un enlace para compartir que codifica la dirección, el ámbito y tu texto.
El botón Swap invierte la dirección y lleva la salida actual a la entrada. Codifica algo, toca Swap, y la herramienta lo decodifica de vuelta en un clic - sin volver a escribir.
Ejemplos
| Entrada | Configuración | Salida |
|---|---|---|
hello world |
Codificar, Componente | hello%20world |
https://dev.cosmolabs.org/tools/url-encode |
Codificar, URI completa | sin cambios - cada carácter es seguro para URL |
https://example.com/search?q=hello world&page=2 |
Codificar, URI completa | https://example.com/search?q=hello%20world&page=2 |
path=/users/42 |
Codificar, Componente | path%3D%2Fusers%2F42 |
hello%20world |
Decodificar, Componente | hello world |
Cómo funciona la codificación en porcentajes
Una URI es ASCII. Esa regla sobrevive desde las primeras especificaciones de URL: una URL viaja como bytes ASCII, y cualquier otra cosa debe ir dentro de un escape. El escape siempre son tres caracteres: % más dos dígitos hexadecimales que nombran el byte. Un espacio es el byte 0x20, así que viaja como %20. Una é son dos bytes en UTF-8 (0xC3 0xA9), así que viaja como %C3%A9.
JavaScript incluye dos codificadores, y el interruptor de ámbito elige entre ellos:
encodeURIComponent (Componente) |
encodeURI (URI completa) |
|
|---|---|---|
| Escapa | todo excepto A-Z a-z 0-9 - _ . ! ~ * ' ( ) |
igual, pero también mantiene ; / ? : @ & = + $ , # |
| Pensado para | un valor de query | una URL entera |
a/b?c=d |
a%2Fb%3Fc%3Dd |
a/b?c=d |
Los caracteres reservados son la puntuación propia de la URL, y por eso existen las dos funciones. Un valor de query como path=/users/42 debe escapar sus barras, o el receptor no puede distinguir los datos de la estructura: path=%2Fusers%2F42. Una URL entera debe mantenerlas, o https:// colapsa en https%3A%2F%2F. Regla práctica: codifica con el ámbito más estrecho que encaje con la pieza que tienes en la mano, y nunca escaparás la estructura que de verdad necesitas.
Decodificar ejecuta lo inverso: cada %XX se convierte en el byte que nombra, y los bytes se reensamblan como texto UTF-8. Un % no seguido de dos dígitos hexadecimales está malformado, y la herramienta lo informa en lugar de adivinar.
Buen saber
- Decodifica una vez, no dos. Un valor que legítimamente contiene
%20decodifica a un espacio; decodificar ese resultado otra vez convierte cualquier%suelto en un error. - El enlace para compartir lleva el modo, el ámbito y el texto, así que abrirlo restaura tu conversión exacta.
- Privado: toda la codificación corre localmente en tu navegador. No se envía nada a ninguna parte.
- Herramientas relacionadas: URL Inspector, HTML Entity Encoder,
Base64Base64An encoding representing binary data as 64 safe ASCII characters, so it survives transport through text-only channels. It encodes — it does not encrypt.
Encode / Decode.