Codificar y decodificar URL

Convierte texto a codificación porcentual para usarlo en enlaces y parámetros, o decodifica secuencias %XX a texto legible. Trata bien la ñ, las tildes y las secuencias rotas.

El resultado aparecerá aquí.

Cómo funciona Codificar y decodificar URL

Convierte texto a codificación porcentual para usarlo en enlaces y parámetros, o decodifica secuencias %XX a texto legible. Trata bien la ñ, las tildes y las secuencias rotas.

Entrada Texto de la URL
Salida URL codificada o decodificada
Trabajos realizados 3.663

Herramientas relacionadas

Guía de uso

Esta herramienta sirve para codificar URL o, mejor dicho, los valores que van dentro de una URL: convierte "año nuevo" en a%C3%B1o%20nuevo y hace el camino inverso con cualquier secuencia de porcentajes. Aplica la regla de encodeURIComponent de JavaScript, por lo que también codifica &, =, ? y / para que un valor no rompa los parámetros. Todo ocurre en tu navegador.

Cómo codificar o decodificar paso a paso

  1. Pega en el campo de entrada el texto que quieres codificar o la cadena con porcentajes que quieres leer.
  2. Deja el modo automático o fija la dirección: codificar o decodificar.
  3. Pulsa el botón de ejecutar o usa Ctrl + Enter.
  4. Copia el resultado y pégalo en tu enlace, tu código o tu informe.

El modo automático decodifica si encuentra al menos una secuencia válida del tipo %20; si no, codifica. Si quieres codificar a propósito un texto que ya contiene secuencias así, elige "codificar".

Tabla rápida de caracteres codificados

Las letras sin tilde, los números y los signos - _ . ! ~ * ' ( ) se quedan igual. Todo lo demás se pasa a bytes UTF-8 y se escribe como % seguido de dos cifras hexadecimales. Por eso los caracteres propios del español generan dos o tres secuencias:

CarácterCodificadoComentario
espacio%20Nunca debe ir en crudo dentro de una URL
ñ%C3%B1Dos bytes en UTF-8
á / é%C3%A1 / %C3%A9Igual con el resto de vocales con tilde
¿%C2%BFEl signo de apertura también se codifica
€%E2%82%ACTres bytes
& y =%26 y %3DSin codificar, parten el parámetro en dos
/%2F"niño/niña" queda ni%C3%B1o%2Fni%C3%B1a

Codifica el valor, no la dirección completa

Como la regla está pensada para fragmentos, si pegas una dirección entera también se codifican los dos puntos y las barras: https%3A%2F%2Fejemplo.com%2Fbuscar%3Fq%3Dzapatos. Eso no es un enlace que se pueda abrir, pero es justo lo que necesitas cuando esa dirección viaja como valor de otro parámetro. Ocurre, por ejemplo, al volver a la página anterior tras iniciar sesión: /login?volver=%2Fcarrito%3Fpaso%3D2. Sin codificar, el servidor creería que paso=2 es un parámetro de la página de acceso.

El signo + y el espacio

Los formularios HTML envían los espacios como +, mientras que la codificación general de URL usa %20. Esta herramienta siempre codifica el espacio como %20 y, al decodificar, deja el + tal cual: q=caf%C3%A9+con+leche se convierte en q=café+con+leche. Si estás leyendo datos de un formulario, cambia los signos + por espacios a mano.

El problema contrario es más grave: un teléfono como "+34 600" metido sin codificar en un parámetro llega al servidor como " 34 600". Codificarlo antes (%2B34%20600) lo evita.

Errores habituales al codificar URL

  • Doble codificación: si ves %2520, alguien codificó un %20 por segunda vez. Cada ejecución del decodificador quita una capa; ejecútalo dos veces y revisa tu código para codificar en un solo sitio.
  • Secuencias rotas: una secuencia incompleta no bloquea el resto. %C3%BC%FF se decodifica como "ü" y deja %FF sin tocar.
  • Signos que no se codifican: ! ' ( ) * se mantienen. Algunos sistemas de firma de peticiones, como OAuth 1.0, exigen codificarlos (%21, %27, %28, %29, %2A); si una firma falla con valores que llevan paréntesis, revisa esto.
  • Enlaces copiados de la barra de direcciones: muchos navegadores muestran la URL legible, con tildes, pero al copiarla entregan la versión codificada. Decodifícala aquí para leerla.

Privacidad y herramientas relacionadas

La codificación y la decodificación se ejecutan en tu navegador: las direcciones, los tokens de sesión y los parámetros que pegas no se envían al servidor, y la página solo suma un contador de uso anónimo. Para crear la parte final de una URL a partir de un título, usa el generador de slug; si en un enlace aparece una cadena Base64, ábrela con la herramienta para codificar y decodificar Base64. Hay más utilidades en herramientas web.

Preguntas frecuentes

La ñ ocupa dos bytes en UTF-8, así que se codifica como %C3%B1; la Ñ mayúscula es %C3%91. Las vocales con tilde siguen el mismo patrón: á es %C3%A1, é es %C3%A9, í es %C3%AD, ó es %C3%B3 y ú es %C3%BA. Los navegadores suelen mostrar estas letras de forma legible en la barra de direcciones, pero el valor que viaja por la red y el que obtienes al copiar el enlace suele ser la versión con porcentajes.

Usa %20 salvo que estés generando datos de formulario clásicos. %20 significa espacio en cualquier parte de una URL, mientras que + solo equivale a espacio en el formato application/x-www-form-urlencoded que envían los formularios; en la ruta de una dirección es un signo + literal. Esta herramienta codifica los espacios como %20 y no transforma el + al decodificar.

Seguramente codificaste la dirección completa. La codificación de componentes convierte los dos puntos y las barras de https:// en %3A%2F%2F, algo correcto si la URL va como valor de otro parámetro, pero no si quieres un enlace en el que se pueda hacer clic. Codifica solo las partes variables, como el término de búsqueda, un nombre de archivo o un identificador, y deja intactos el protocolo, el dominio y las barras.

Indica doble codificación: un espacio ya codificado como %20 se volvió a codificar y el signo % pasó a ser %25. Suele ocurrir cuando tu código codifica un valor y después una librería o un plugin lo codifica otra vez. Para leerlo, ejecuta el decodificador dos veces. Para corregirlo de raíz, asegúrate de que la codificación se haga en un único punto del proceso.