// Codificar URL
URL Encoder / Decoder
Codifica o decodifica componentes de URL usando percent-encoding. Útil para query strings y datos de formulario.
Text
Encoded
Tu entrada se procesa localmente y no se sube para ser procesada. Verifica abriendo DevTools → Network.
URL Encoder / Decoder ejemplos.
// Decodificar URL
Preguntas frecuentes.
¿Qué es percent-encoding?
Es un mecanismo para codificar caracteres en URLs usando % seguido de dos dígitos hexadecimales.
¿Mis datos se envían a algún lugar?
No. Toda la codificación ocurre en tu navegador.
Cómo funciona la codificación URL
La codificación URL (también llamada codificación porcentual) reemplaza caracteres inseguros en URLs por una secuencia compuesta por un signo de porcentaje (%) y el código hexadecimal ASCII de dos dígitos. Por ejemplo, un espacio en blanco se convierte en %20, y un signo menos en %2D.
Los caracteres reservados como /, ?, #, &, = y + tienen un significado especial en las URLs y no se codifican por defecto. Todos los demás caracteres - incluidas letras, dígitos y algunos caracteres especiales - permanecen sin cambios.
La codificación garantiza que las URLs se interpreten de manera unívoca, incluso cuando contienen caracteres que juegan un papel especial en la sintaxis URL. Esto es especialmente importante para parámetros y datos personalizados.
Casos de uso comunes
El caso de uso más frecuente es codificar parámetros de cadena de consulta. Cuando un usuario escribe Múnich y Berlín en un campo de búsqueda, el espacio y el carácter & deben codificarse para que la URL se interprete correctamente.
OAuth 2.0 requiere una codificación cuidadosa de todos los parámetros, especialmente en el desafío PKCE (code_verifier) y en los URIs de redireccionamiento. Los errores de codificación son una causa frecuente de errores de autenticación.
Los datos de formulario que se envían como cadena codificada en URL (application/x-www-form-urlencoded) utilizan el mismo método de codificación. Aquí también los caracteres especiales deben escaparse correctamente.
encodeURI vs. encodeURIComponent
JavaScript ofrece dos funciones para la codificación de URLs que cumplen propósitos diferentes. encodeURI codifica una URI completa y deja sin cambios caracteres reservados como /, ?, # y &, ya que forman parte de la estructura de la URL.
encodeURIComponent, por otro lado, codifica casi todos los caracteres especiales, incluyendo /, ? y &. Esta función es la elección correcta cuando necesita codificar valores individuales que se insertarán como parte de una URL - como parámetros de consulta o segmentos de ruta.
Como regla general: use encodeURIComponent para valores individuales y encodeURI para URLs completas. La mayoría de los desarrolladores prefieren encodeURIComponent porque es más segura y evita errores inesperados.