Codificador y Decodificador de URL

Codifica con porcentajes y decodifica URLs o parámetros de consulta sin romper los caracteres especiales.

Cómo usar

  1. Pega el texto o la URL. Elige "Componente" para codificar un valor que va dentro de un parámetro, o "URL completa" para codificar una dirección completa sin tocar su estructura.
  2. Haz clic en "Codificar" o "Decodificar".
  3. Copia el resultado — listo para pegar en un enlace, un parámetro UTM o una llamada de API.

Sobre esta herramienta

Las URLs solo pueden contener un conjunto limitado de caracteres. Todo lo demás — espacios, tildes, &, ?, emojis — debe codificarse con porcentajes: los bytes UTF-8 del carácter escritos como %XX. Un espacio se convierte en %20, la "ç" en %C3%A7. Saltarse este paso es como se rompen los enlaces: un & sin codificar dentro de un valor de parámetro lo parte en dos silenciosamente, y una palabra con tilde en una consulta puede llegar corrupta al servidor.

Los dos modos existen porque hay dos trabajos distintos. "Componente" (encodeURIComponent) codifica todo lo que no es un carácter seguro — úsalo para valores que insertas en una query string, como el nombre de una campaña en un parámetro UTM o una URL de retorno pasada a otra página. "URL completa" (encodeURI) preserva los caracteres estructurales :, /, ?, & y = — úsalo para sanear una dirección completa que ya tiene su estructura montada.

Decodificar invierte el proceso y es igual de útil: pega cualquier URL codificada con porcentajes desde logs, analítica o la barra del navegador y léela en texto plano. Todo se ejecuta localmente en tu navegador — los enlaces que estás depurando nunca se transmiten.

La fórmula

Cada carácter no seguro se sustituye por sus bytes UTF-8 escritos en hexadecimal, con el prefijo %. Espacio → %20, ç → %C3%A7, 🚀 → %F0%9F%9A%80.

Preguntas frecuentes

¿Cuándo uso "Componente" y cuándo "URL completa"?

Componente para un valor que va dentro de un parámetro (codifica &, = y /). URL completa para una dirección completa — mantiene intactos los caracteres estructurales para que la URL siga funcionando.

¿Por qué mi parámetro UTM rompió el enlace?

Probablemente un & o un espacio sin codificar en el valor. Codifica el valor con el modo Componente antes de ponerlo en la URL — es exactamente este caso.

¿Cuál es la diferencia entre %20 y + para los espacios?

Ambos significan espacio en las query strings, pero + es una convención heredada de la codificación de formularios. %20 funciona en cualquier parte de una URL — prefiérelo.

¿Mi URL se envía a algún sitio?

No. La codificación y la decodificación se ejecutan por completo en tu navegador con las funciones nativas de JavaScript.

Herramientas relacionadas

¿Enlaces largos? Acórtalos gratis

Vai.la convierte cualquier URL en un enlace corto con estadísticas de clics, código QR y tu propio biolink.

Vai.la no se hace responsable del uso de las herramientas ni de las decisiones tomadas a partir de sus resultados.