Codificador / Decodificador URL
Codifica y decodifica URLs, URIs y parámetros de consulta usando codificación por porcentaje (encodeURIComponent, encodeURI, form-urlencoded). 100% en el cliente, rápido y seguro.
La codificación por porcentaje URL es un mecanismo de transformación para transmisión segura de URIs. No proporciona seguridad ni confidencialidad.
Comparativa de Estándares: Componente URL vs URL Completa vs Datos de Formulario
| Entrada | Componente URL | URL Completa | Datos de Formulario |
|---|---|---|---|
| hello world | hello%20world | hello%20world | hello+world |
| a+b | a%2Bb | a+b | a%2Bb |
| a&b | a%26b | a&b | a%26b |
| a=b | a%3Db | a=b | a%3Db |
Datos de Formulario (application/x-www-form-urlencoded) es usado por formularios HTML y peticiones POST, donde los espacios se representan como +.
Vectores de Prueba y Escenarios Comunes
hello worldC++ programmingname=John Doe&email=test@example.comBogotá, Colombia🔐 secure dataC%2B%2BEntendiendo la Codificación por Porcentaje URL / URI
La codificación por porcentaje de URIs traduce caracteres arbitrarios a caracteres ASCII imprimibles seguros para transmisión por Internet. Se aplican diferentes reglas para espacios en datos de formulario.
¿Qué es la codificación URL?
La codificación por porcentaje (codificación URL) reemplaza los caracteres que no son seguros dentro de una URL —espacios, símbolos y caracteres no ASCII— por un % seguido de su valor de byte en hexadecimal, para que los enlaces y las cadenas de consulta sobrevivan al copiarlos, pegarlos y transmitirlos por cualquier navegador o servidor.
Cómo usar el codificador / decodificador de URL
- Pega el texto o la URL que quieres codificar, o una cadena codificada por porcentaje que quieres decodificar.
- Elige un modo: encodeURIComponent para un valor único (como un parámetro de consulta), encodeURI para una URL completa, o form-urlencoded para envíos de formularios HTML.
- Elige Codificar o Decodificar.
- Copia el resultado.
Notas técnicas
- encodeURIComponent escapa caracteres reservados como &, = y / para que un valor sea seguro dentro de una cadena de consulta; encodeURI deja esos caracteres intactos porque espera una URL completa.
- form-urlencoded (application/x-www-form-urlencoded) representa los espacios como + en lugar de %20 —la convención que usan los navegadores para los envíos de formularios HTML.
- La codificación es totalmente reversible y no añade seguridad ni privacidad —solo hace que el texto se pueda transportar de forma segura dentro de una URL.
Ejemplo
Preguntas Frecuentes
¿Cuál es la diferencia entre codificar Componente URL y URL Completa?+
El modo Componente URL (encodeURIComponent) codifica todos los caracteres reservados (?, /, #, &, =, :, @) para que el texto sea seguro como valor de parámetro. El modo URL Completa (encodeURI) conserva la sintaxis estructural.
¿Por qué los espacios se codifican como + en el modo Datos de Formulario?+
La especificación application/x-www-form-urlencoded (usada en formularios HTML y peticiones HTTP POST) codifica los espacios como + en lugar de %20. El signo + literal se codifica como %2B.
¿Cómo maneja la decodificación el signo + frente a %2B?+
En el modo Datos de Formulario, la decodificación reemplaza primero los signos + por espacios y luego decodifica las secuencias UTF-8. Por lo tanto, %2B se convierte correctamente en + mientras que + pasa a ser un espacio.
¿Qué sucede si intento decodificar una cadena por porcentaje mal formada?+
Si la entrada contiene pares hexadecimales no válidos o secuencias UTF-8 truncadas (como %ZZ o %E0%A4), la herramienta captura el error de forma limpia sin colapsar la interfaz.