Codificador / Decodificador de URL

Codifica y decodifica URLs con percent-encoding. Gestiona caracteres especiales, espacios, símbolos y Unicode para APIs y query strings.

Codificador / Decodificador de URL

Texto inválido para decodificar — revisa la entrada e inténtalo de nuevo.

¿Qué es la codificación de URL?

La codificación de URL (también llamada percent-encoding) convierte los caracteres que no pueden aparecer directamente en una URL a un formato seguro: el símbolo % seguido de dos dígitos hexadecimales. Por ejemplo, un espacio se convierte en %20, el ampersand en %26 y el signo más en %2B. Esto garantiza que las URLs se interpreten correctamente por navegadores y servidores independientemente de los caracteres que contengan.

¿Cuándo hay que codificar una URL?

La codificación es necesaria siempre que una URL contenga caracteres fuera del juego ASCII estándar o caracteres con significado reservado en las URLs. Escenarios habituales: construcción de query strings (?q=hola%20mundo), paso de rutas de archivos como parámetros, envío de caracteres especiales en formularios HTML y construcción de peticiones a APIs de forma programática.

encodeURIComponent vs encodeURI

JavaScript ofrece dos funciones de codificación. encodeURI codifica una URL completa manteniendo los caracteres con significado estructural como /, ?, #, : y =. encodeURIComponent codifica un componente de URL (como el valor de un parámetro) y convierte también esos caracteres reservados. Esta herramienta usa encodeURIComponent, que es la opción correcta cuando se codifican valores individuales que se incrustarán dentro de una URL mayor.

Preguntas frecuentes

¿Qué es la codificación de URL?

La codificación de URL convierte los caracteres no permitidos en una URL al formato %XX, donde XX es el valor hexadecimal del carácter. Un espacio se convierte en %20, / en %2F, etc. Garantiza que las URLs se transmitan correctamente por internet.

¿Cuándo hay que codificar una URL?

Codifica siempre los caracteres especiales cuando los incluyas en parámetros de query string, endpoints de API o acciones de formulario. Si construyes una URL dinámicamente en código, codifica siempre los valores de los parámetros, nunca la estructura completa de la URL.

¿Qué significa %20 en una URL?

%20 es la representación percent-encoded de un espacio. Del mismo modo, %2F = /, %3F = ?, %3D = =, %26 = &.

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

encodeURI conserva los caracteres estructurales de la URL (/, ?, #, :). encodeURIComponent los codifica todos, incluidos esos. Usa encodeURIComponent para valores de parámetros individuales y encodeURI solo para URLs completas.

Guía paso a paso Cómo codificar y decodificar URLs — Guía completa →