Entrada

Salida encodeURIComponent

Ejemplos de codificación URL

Los espacios se convierten en %20, & en %26, = en %3D, etc. Los dos modos difieren en qué caracteres preservan:

encodeURIComponent (modo Componente)

Entrada:

Entrada

Salida (modo Componente — codifica : / ? & =):

Salida

Salida (modo URL completa — preserva estructura URL):

Salida

¿Qué es la codificación URL?

La codificación URL (codificación porcentual) convierte caracteres no permitidos o con significado especial en URLs en un % seguido de dos dígitos hexadecimales. Definido en RFC 3986. Por ejemplo, un espacio se convierte en %20, & en %26, = en %3D. Así se asegura que los datos en URLs se transmitan correctamente.

Esta herramienta ofrece dos modos que coinciden con las funciones de JavaScript: Modo Componente usa encodeURIComponent() que codifica todo excepto A–Z a–z 0–9 - _ . ! ~ * ' ( ). Úsalo para valores de parámetros de query. Modo URL completa usa encodeURI() que preserva caracteres de estructura como : / ? & #. Para decodificar, usa el Decodificador URL.

Cómo usar esta herramienta

1

Elegir modo de codificación

Selecciona Componente para codificar un valor de parámetro (ej. término de búsqueda). Selecciona URL completa para codificar una URL completa manteniendo su estructura. Haz clic en Ejemplo para cargar un ejemplo.

2

Pegar tu entrada

Escribe o pega tu texto en el editor izquierdo. El panel derecho se actualiza automáticamente con la salida codificada. La codificación se ejecuta en tu navegador—no se envían datos a ningún servidor.

3

Copiar o descargar

Haz clic en Copiar para el portapapeles o Descargar para guardar como .txt. Para invertir el proceso, usa el Decodificador URL.

Componente vs URL completa

Comparación de modos

Para valores de query string usa siempre el modo Componente. Por ejemplo, si el término de búsqueda es rock & roll, el parámetro correcto es q=rock%20%26%20roll—no q=rock & roll que rompe la estructura.

Preguntas frecuentes

¿Mis datos son privados?

Sí. La codificación se ejecuta completamente en tu navegador. No se envían datos a ningún servidor.

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

En el formato application/x-www-form-urlencoded (formularios HTML), los espacios se codifican como +. En la codificación porcentual estándar (RFC 3986), como %20. Esta herramienta usa %20. Si necesitas + para datos de formulario, reemplaza %20 por + después de codificar.

¿Qué modo usar para una URL completa?

Usa el modo URL completa (encodeURI) para una URL completa navegable. Usa el modo Componente (encodeURIComponent) para valores en parámetros de query, segmentos de ruta o fragmentos.

¿Soporta caracteres Unicode?

Sí. Caracteres no ASCII como é, o emoji se codifican primero a bytes UTF-8 y luego se codifican porcentualmente. Por ejemplo, é se convierte en %C3%A9.

Herramientas relacionadas

Para la especificación, ver RFC 3986. MDN documenta encodeURIComponent y encodeURI.