URL Encoder

Codificador / Decodificador de URL

Codifica cualquier texto en una cadena con percent-encoding apta para URLs, o decodifica una URL codificada de vuelta a texto plano. Vista previa en vivo, segura para UTF-8 y se ejecuta totalmente en tu navegador.

Componente (encodeURIComponent) escapa todo lo que no sea un carácter no reservado — el más seguro para valores de cadena de consulta, segmentos de ruta o cualquier campo individual. URI (encodeURI) conserva los caracteres de estructura de URL (:/?#=&) — úsalo en una URL completa. Formulario (application/x-www-form-urlencoded) es Componente + los espacios pasan a ser '+' — lo que usan los formularios HTML.

RFC 3986 define un conjunto de caracteres "no reservados" que no necesitan codificación: A-Z a-z 0-9 - _. ~. Cualquier otra cosa se codifica con percent-encoding. encodeURIComponent codifica además :/?#&= que encodeURI deja intactos. La diferencia importa cuando codificas el valor de una consulta frente a una URL completa.

Texto plano

0 caracteres

Salida codificada

0 caracteres

Por qué iKit URL Encoder

Rápido, preciso y solo en el navegador — pensado para desarrolladores, redactores y cualquiera que esté depurando una URL.

Tres modos de codificación

Elige Componente, URI completa o Formulario según lo que estés codificando — valores de cadena de consulta, una URL entera o el cuerpo de un formulario HTML.

Privacidad por diseño

Cada codificación y decodificación ocurre en tu navegador usando JavaScript nativo. Tu texto y tus URLs nunca salen de tu dispositivo.

Vista previa en vivo

La salida se actualiza en cada pulsación — sin botón "Codificar" que pulsar y sin viaje de ida y vuelta a un servidor.

Seguro para UTF-8

Emojis, caracteres CJK, latinos con acento y cirílicos se codifican y decodifican correctamente con encodeURIComponent.

Manejo de + estilo formulario

Al decodificar, opcionalmente trata '+' como espacio — la convención que usan los formularios HTML en application/x-www-form-urlencoded.

Procesamiento de archivos por lotes

Suelta un archivo.txt,.csv o.json para codificarlo o decodificarlo en un solo paso. La salida se descarga como un.txt limpio.

Cómo funciona realmente la codificación de URL

Tres APIs nativas del navegador, tres modos, todo ejecutándose en la página que estás leyendo.

  1. 1

    Escribes en el editor

    En cada pulsación, la cadena de entrada se pasa a una pequeña función JavaScript. No hay debounce, ni llamada a API, ni fetch — la función se ejecuta de forma síncrona en la pestaña de tu navegador.

  2. 2

    Elige el modo

    Componente llama a encodeURIComponent — escapa todo lo que no sea A-Z a-z 0-9 - _. ~. URI llama a encodeURI — conserva :/?#=& para que una URL completa siga siendo válida. Formulario usa encodeURIComponent y reemplaza el espacio por + según application/x-www-form-urlencoded.

  3. 3

    UTF-8 sale

    Tanto encodeURIComponent como encodeURI convierten internamente la cadena a bytes UTF-8 antes de aplicar percent-encoding a cada byte no seguro. Eso significa %E4%B8%AD para el carácter chino 中 — exactamente lo que exige RFC 3986.

  4. 4

    La salida aparece en vivo

    El resultado se asigna como valor de la salida de solo lectura. Pulsa Copiar para llevarlo al portapapeles mediante navigator.clipboard.writeText, o Descargar para guardarlo como .txt a través de una URL Blob — ambas opciones se quedan en tu navegador.

Casos de uso comunes

Situaciones reales donde el modo de codificación correcto evita errores.

Construir valores de cadena de consulta

Cualquier entrada de usuario que pongas en ?q=... debe codificarse en modo Componente. El modo URI dejaría = y & sin escapar, rompiendo tu URL cuando el valor los contenga.

Compartir una URL larga por chat

Algunas apps de chat y PDFs corrompen los enlaces cuando contienen espacios sin escapar o caracteres no ASCII. Pasa la URL por el modo URI para que sea segura de copiar y pegar en cualquier sitio.

Depurar un backend que devuelve 400

Cuando tu API rechaza una petición, pega la URL en el modo Decodificar para ver lo que el servidor recibió en realidad. Los valores doblemente codificados (donde el propio % se codificó como %25) aparecen al instante.

Ida y vuelta de datos de formulario

Al depurar cuerpos POST en application/x-www-form-urlencoded, decodifica con la opción "+ como espacio" activada. Esa es la convención que usan los navegadores y olvidarla es la causa nº 1 de los errores del tipo "por qué mi nombre de usuario aparece con signos más".

Por qué importa la codificación local

Las URLs que codificas suelen contener correos reales de clientes, IDs o tokens de sesión — justo el tipo de datos que no quieres pegar en la herramienta servidor de un desconocido. iKit URL Encoder se ejecuta como JavaScript ya cargado en tu navegador, así que la entrada nunca sale de tu pestaña.

  • Sin fetch, XHR ni beacon durante la codificación o decodificación.
  • Funciona sin conexión una vez cargada la página.
  • Sin registro, sin límite de uso, sin alta y sin cuota diaria.

Guías relacionadas

Tutoriales detallados y comparaciones de herramientas del blog de iKit.

Preguntas frecuentes

¿Cuál es la diferencia entre los modos Componente, URI y Formulario?

Componente (encodeURIComponent) escapa todo lo que no sea un carácter no reservado — el más seguro para valores de cadena de consulta, segmentos de ruta o cualquier campo individual. URI (encodeURI) conserva los caracteres de estructura de URL (:/?#=&) — úsalo en una URL completa. Formulario (application/x-www-form-urlencoded) es Componente + los espacios pasan a ser '+' — lo que usan los formularios HTML.

¿Por qué algunos caracteres no se codifican?

RFC 3986 define un conjunto de caracteres "no reservados" que no necesitan codificación: A-Z a-z 0-9 - _. ~. Cualquier otra cosa se codifica con percent-encoding. encodeURIComponent codifica además :/?#&= que encodeURI deja intactos. La diferencia importa cuando codificas el valor de una consulta frente a una URL completa.

¿Por qué mi texto decodificado se ve mal?

Tres causas comunes: (1) el original estaba codificado como Formulario, así que '+' debería tratarse como espacio — activa esa opción. (2) Doblemente codificado — la entrada se codificó dos veces; decodifica de nuevo. (3) Secuencia porcentual no válida — un % suelto que no va seguido de dos dígitos hexadecimales. Comprueba el mensaje de error para ver la posición exacta del byte.

¿La URL codificada es exactamente la misma que con encodeURIComponent de JavaScript?

Sí en modo Componente — llamamos directamente a encodeURIComponent. El modo Formulario añade los ajustes estándar de codificación de formularios (! ' * pasan a %21 %27 %28 %29 %2A) según RFC 3986 + WHATWG. El modo URI llama a encodeURI, que es lo que la mayoría de lenguajes entienden por 'aplicar percent-encoding a una URL'.

¿Mis URLs se suben a algún sitio?

No. Toda la herramienta es JavaScript dentro de esta página — la codificación y la decodificación ocurren en tu navegador. Puedes verificarlo abriendo DevTools → Network y observando: no se envían peticiones durante las operaciones de codificación o decodificación.