Codificador / Decodificador de URL

Pega una URL sin procesar para codificarla, o pega una URL codificada para decodificarla. La herramienta detecta automáticamente la dirección, admite modos de codificación completa y por componente, y funciona completamente en tu navegador.

Link copied to clipboard
Modo de codificación:

Preserva caracteres estructurales (://, /, ?, =, &). Úsalo para URLs completas.

Prueba un ejemplo:

URL sin procesar

Pega cualquier texto o URL aquí — se codificará automáticamente

URL codificada

Pega una cadena percent-encoded aquí — se decodificará automáticamente

Nada se envía a nuestros servidores. Toda la codificación y decodificación ocurre completamente en tu navegador.

Cómo usar esta herramienta

  1. Pega tu URL sin procesar en el panel izquierdo — la codificación comienza automáticamente mientras escribes.
  2. Para decodificar, pega una URL percent-encoded en el panel derecho — la decodificación comienza inmediatamente.
  3. Si pegas una URL codificada en el panel izquierdo (o una URL sin procesar en el derecho), la herramienta detecta y mueve al lado correcto.
  4. Usa el selector de modo para elegir URL Completa (preserva `://`, `/`, `?`, `=`, `&`) o Solo Componente (codifica todo, incluidos esos caracteres).
  5. Haz clic en el botón Copiar en cualquier panel para copiar el contenido al portapapeles.

¿Por qué usar nuestro Codificador / Decodificador de URL?

Las URLs solo pueden contener de forma segura un conjunto limitado de caracteres ASCII. Los espacios, letras acentuadas y símbolos especiales como `&` o `#` deben estar percent-encoded antes de colocarse dentro de una URL o query string. Esta herramienta maneja ambas direcciones — codificando texto sin procesar en formato seguro para URL y decodificando cadenas percent-encoded de vuelta a texto legible — sin enviar nada a un servidor.

Preguntas frecuentes

¿Qué es la codificación de URL?

La codificación de URL (oficialmente llamada percent-encoding) convierte caracteres no seguros o reservados en un signo `%` seguido de dos dígitos hexadecimales que representan el valor del byte del carácter. Por ejemplo, un espacio se convierte en `%20`, `&` en `%26` y `é` en `%C3%A9`. Esto garantiza que la URL sea segura para transmitir por internet sin ser malinterpretada.

¿Cuál es la diferencia entre codificación de URL Completa y Solo Componente?

La codificación de URL Completa (equivalente a `encodeURI` de JavaScript) preserva los caracteres con significado estructural en una URL — el protocolo (`://`), separadores de ruta (`/`), delimitadores de query string (`?`, `=`, `&`) y el marcador de fragmento (`#`). Úsala cuando quieras codificar una URL completa sin romper su estructura. La codificación Solo Componente (equivalente a `encodeURIComponent`) también codifica todos esos caracteres, ya que está diseñada para codificar un solo dato — como el valor de un parámetro de query — que se incrustará dentro de una URL.

¿Cuál es la diferencia entre encodeURI y encodeURIComponent en JavaScript?

`encodeURI` está pensado para una URL completa y mantiene intactos los caracteres estructurales (`/`, `:`, `?`, `=`, `&`, `#`). `encodeURIComponent` está pensado para un componente de URL (como el valor de un parámetro de query) y también codifica esos caracteres estructurales. Como regla general: usa `encodeURI` para URLs completas y `encodeURIComponent` al incrustar una URL o cadena dentro de otra URL.

¿Qué caracteres deben estar siempre percent-encoded?

Los caracteres no permitidos sin codificación en URLs incluyen espacios y la mayoría de los caracteres no-ASCII (letras acentuadas, caracteres CJK, emoji). Los caracteres permitidos en una URL pero con significado reservado — como `?`, `=`, `&`, `#`, `/`, `:` — deben codificarse cuando aparecen como datos (no como delimitadores). Los caracteres no reservados — letras, dígitos, `-`, `_`, `.`, `~` — son siempre seguros y nunca necesitan codificación.

¿Puede esta herramienta decodificar una query string completa?

Sí. Pega la query string completa (p. ej. `q=hello%20world&lang=es`) en el panel codificado y la herramienta la decodificará en un solo paso. Si necesitas decodificar valores de parámetros individuales, cambia al modo Solo Componente — el comportamiento es el mismo para decodificar en ambos modos.