Oh MyUtils

Codificador y Decodificador URL - Codificar Query Strings Online

Codifica o decodifica URLs, parámetros de consulta y caracteres especiales al instante. Analiza componentes URL y convierte entre formatos.

Tipo de Codificación
Espacio
Decodificación
Entrada
Salida

Preguntas Frecuentes

Que es la codificacion URL?

La codificacion URL (tambien llamada codificacion porcentual) convierte caracteres a un formato que puede transmitirse de forma segura en URLs. Los caracteres con significado especial en URLs o no permitidos (como espacios, &, ?, =) se reemplazan con un signo de porcentaje seguido de su valor hexadecimal. Por ejemplo, un espacio se convierte en %20 y @ en %40.

Cuando debo usar codificacion URL?

Usa codificacion URL cuando: pases entrada de usuario como parametros de consulta URL, incluyas caracteres especiales en rutas URL, envies datos de formulario via solicitudes GET, crees URLs de solicitud API con valores dinamicos, o codifiques caracteres no ASCII (como espanol o emoji) en URLs. Asegura que tus URLs sean validas y se analicen correctamente.

Cual es la diferencia entre encodeURIComponent y encodeURI?

encodeURIComponent codifica casi todos los caracteres excepto A-Z, a-z, 0-9, y - _ . ! ~ * ' ( ). Usalo para codificar valores de parametros de consulta. encodeURI preserva caracteres de estructura URL como : / ? # @ y se usa para codificar URLs completas manteniendolas funcionales. Usa encodeURIComponent para valores, encodeURI para URLs completas.

Los espacios deben codificarse como %20 o +?

Ambos son validos pero se usan en contextos diferentes. %20 es la codificacion estandar RFC 3986 para espacios en URLs. El signo + se usa en formato application/x-www-form-urlencoded (envios de formularios HTML). Las APIs web modernas tipicamente esperan %20, mientras que los datos de formulario tradicionalmente usan +. Esta herramienta soporta ambas opciones.

Es segura la codificacion URL?

La codificacion URL no es encriptacion - es solo una forma de representar caracteres de forma segura en URLs. Tus datos siguen siendo legibles despues de decodificar. Esta herramienta procesa todo en tu navegador, asi que tus datos nunca salen de tu dispositivo. Para datos sensibles, siempre usa HTTPS y autenticacion apropiada.

Ejemplos de Codigo

// Encode query parameter value
const encoded = encodeURIComponent('hello world & more');
console.log(encoded); // "hello%20world%20%26%20more"

// Decode
const decoded = decodeURIComponent(encoded);
console.log(decoded); // "hello world & more"

// Encode full URL (preserves structure)
const url = encodeURI('https://example.com/path?q=hello world');
console.log(url); // "https://example.com/path?q=hello%20world"

Herramientas relacionadas