Codificador / Decodificador de URL

Codifica y decodifica URLs al instante. Compatible con encodeURIComponent y codificación URI completa. 100% lado del cliente.

Todo el procesamiento se realiza completamente en tu navegador. No se envían datos a ningún servidor.

¿Qué es la codificación de URL (codificación porcentual)?

La codificación de URL, también conocida como codificación porcentual, convierte los caracteres no permitidos en URLs a un formato seguro usando el símbolo % seguido de dos dígitos hexadecimales. Definida en RFC 3986, permite incluir de forma segura caracteres especiales, espacios y texto no ASCII en una URL.

¿Qué modo debo usar?

Existen dos modos de codificación URL. El modo URI Completo (encodeURI) codifica una URL completa preservando los caracteres estructurales como ://, ? y &. Es adecuado para pasar una URL completa de forma segura. El modo Componente (encodeURIComponent) está diseñado para codificar valores individuales como parámetros de consulta (?q=término). Codifica todos los caracteres incluidos los estructurales, por lo que aplicarlo a una URL completa romperá su estructura e impedirá que el navegador la reconozca como una dirección válida.

encodeURIComponent vs encodeURI

ElementoComponenteURI Completo
Caracteres preservadosA–Z a–z 0–9 - _ . ! ~ * ' ( )Los anteriores + caracteres de estructura URL (: / ? # [ ] @ ! $ & ' ( ) * + , ; =)
Caso de usoValores de parámetros de consulta, datos de formularioCodificar una URL completa preservando su estructura

Caracteres comúnmente codificados

CarácterCodificadoNota
space%20También se escribe como + en la codificación de formularios
&%26Separador de parámetros de consulta
=%3DSeparador clave=valor
#%23Identificador de fragmento
+%2BSigno más (no es un espacio)
/%2FSeparador de ruta
?%3FInicio de consulta
@%40Correo electrónico, información de autenticación

Preguntas frecuentes

¿La codificación URL y la codificación porcentual son lo mismo?
Sí. La codificación porcentual es el nombre técnico definido en RFC 3986. Cada carácter no seguro se reemplaza por % seguido de su valor de byte UTF-8 en hexadecimal.
¿Por qué el texto con caracteres especiales se vuelve tan largo al codificarse?
Los caracteres como ñ o acentos ocupan 2-3 bytes en UTF-8. Cada byte se codifica como %XX, por lo que un solo carácter puede convertirse en 6-9 caracteres.
Un espacio aparece como %20 o +. ¿Cuál es correcto?
%20 es la codificación porcentual estándar según RFC 3986. El signo + para espacios proviene del formato de codificación de formularios HTML. Para URLs, %20 es más fiable.
¿Cuándo usar el modo Componente vs URI Completo?
Usa el modo Componente (encodeURIComponent) al codificar valores individuales de parámetros de consulta. Usa URI Completo (encodeURI) cuando quieras codificar una URL completa manteniendo su estructura intacta.
¿Qué es la doble codificación?
La doble codificación ocurre cuando una cadena ya codificada se vuelve a codificar. Por ejemplo, %20 se convierte en %2520. Siempre verifica que tu entrada no esté ya codificada.
¿Pueden los navegadores mostrar URLs con caracteres especiales directamente?
Los navegadores modernos muestran URLs internacionalizadas en forma legible, pero la solicitud HTTP real usa la forma codificada en porcentaje.
¿Los datos que ingreso se envían a un servidor?
No. Toda la codificación y decodificación se realiza completamente en tu navegador mediante JavaScript. Nada se transmite a ningún servidor.

Herramientas relacionadas