1
Introduce el texto
Escribe la URL original en el editor izquierdo para codificarla o pega una cadena codificada en el editor derecho para decodificarla.
CONVERT.03 URL CODEC
Codificar / decodificar URL
Codifica URL completas o parámetros individuales con sincronización en ambos sentidos y resultados inmediatos.
RAW
Texto sin codificar
ENC
Codificado
§ 01
Cómo codificar y decodificar URL online
2
Elige el modo
Marca «Conservar estructura de URL» para usar encodeURI con enlaces completos; desmárcalo para usar encodeURIComponent con valores individuales.
3
Copia el resultado
Pulsa el botón de copiar para llevar el resultado al portapapeles. Escribe en cualquiera de los dos lados y la conversión se sincronizará automáticamente.
§ 02
Acerca de la codificación de URL
Qué hace la codificación URL
La codificación URL, también llamada percent-encoding, es una técnica esencial de la web. Las URL se diseñaron para aceptar letras, dígitos y los símbolos seguros -_.~; por eso caracteres como espacios, emoji o texto no ASCII se convierten en % y dos dígitos hexadecimales. «你好» se representa como %E4%BD%A0%E5%A5%BD y un espacio como %20.
La herramienta ofrece encodeURI para codificar una URL completa conservando ://, /, ?, & y =, y encodeURIComponent para codificar por completo un valor de consulta. Todas las operaciones se ejecutan en el navegador y no se envían datos a ningún servidor.
Casos de uso y funcionamiento
Los caracteres seguros A-Z, a-z, 0-9, -, _, . y ~ permanecen intactos. El resto se convierte primero en bytes UTF-8 y después cada byte se expresa como %XX; decodificar invierte ese proceso.
Puedes codificar parámetros no ASCII en el frontend, construir URL válidas al depurar API REST, preparar enlaces de marketing con UTM, leer URL exportadas desde registros o Google Analytics y enlazar caracteres especiales desde correos HTML.
§ 03
Tabla de referencia de codificación URL
Carácter
Codificación URL
Descripción
Espacio
%20Los espacios deben codificarse en una URL
!
%21Signo de exclamación
"
%22Comillas dobles
#
%23Almohadilla, identificador de fragmento
$
%24Signo de dólar
%
%25El propio signo de porcentaje también se codifica
&
%26Ampersand, separador de parámetros
+
%2BSigno más; también puede representar un espacio en consultas
,
%2CComa
/
%2FBarra; encodeURI conserva este carácter
:
%3ADos puntos
=
%3DIgual, separador de clave y valor
?
%3FInterrogación, inicio de la consulta
@
%40Arroba
你好
%E4%BD%A0%E5%A5%BDCaracteres chinos convertidos a bytes UTF-8 y luego a %XX
😊
%F0%9F%98%8ALos emoji siguen la misma regla UTF-8
§ 04
Preguntas frecuentes
Q1¿Qué es la codificación URL o codificación porcentual?
Es el mecanismo para representar caracteres especiales dentro de una URL. Como las URL solo admiten directamente letras, dígitos y algunos símbolos, otros caracteres se convierten en % seguido de dos dígitos hexadecimales.
Q2¿Para qué sirve «Conservar estructura de URL»?
Evita codificar caracteres estructurales como http://, /, ?, & y =, y solo codifica texto como espacios o caracteres no ASCII. Es apropiado para una URL completa.
Q3¿Por qué aparece un error al decodificar?
Una secuencia % incompleta o una secuencia UTF-8 inválida no cumple las reglas de codificación porcentual y hace que el navegador lance un error. Revisa que la cadena esté completa.
Q4¿Se suben mis datos?
No. Todo se procesa localmente en el navegador; no se suben ni se guardan datos del usuario.
Q5¿Qué diferencia hay entre URL y Base64?
La codificación URL mantiene los caracteres de una dirección dentro del conjunto permitido y produce texto %XX. Base64 transforma datos binarios en texto y se usa a menudo para adjuntos o Data URI. Base64 puede contener + y / que requieren un tratamiento adicional en una URL.
Q6¿Uso encodeURI o encodeURIComponent?
Usa encodeURI para una URL completa, porque conserva ://, / y ?; usa encodeURIComponent para un valor de parámetro. Por ejemplo, encodeURI("https://example.com/búsqueda?q=hola") conserva la estructura, mientras encodeURIComponent("hola mundo") codifica el espacio como %20.
Q7¿El aumento de longitud afecta a la velocidad?
El efecto suele ser insignificante: normalmente se añaden decenas o cientos de bytes. Aun así, navegadores y servidores suelen limitar las URL a unos 2048 caracteres, por lo que una URL cercana al límite puede dejar de funcionar.
Q8¿Por qué un espacio puede ser %20 o +?
En las cadenas de consulta, application/x-www-form-urlencoded permite + como representación histórica del espacio. En la ruta y otras partes se requiere %20. Esta herramienta usa las API estándar de JavaScript y siempre genera %20 para los espacios.