Codificador de URL
Codifica y decodifica URLs con percent-encoding.
Ejemplos rápidos
Codificador y decodificador de URL: percent-encoding explicado
Las URLs (Uniform Resource Locators) solo pueden contener un conjunto limitado de caracteres ASCII. Cuando una URL necesita incluir caracteres especiales como espacios, tildes, eñes, signos de interrogación adicionales o caracteres de otros idiomas, estos deben convertirse a un formato seguro llamado percent-encoding. Por ejemplo, un espacio se convierte en %20, la ñ se convierte en %C3%B1, y los caracteres Unicode se representan con secuencias de bytes UTF-8 codificados.
La función encodeURIComponent de JavaScript codifica todos los caracteres excepto las letras, dígitos y los caracteres - _ . ~ que son seguros según el estándar RFC 3986. Esto es diferente de encodeURI, que no codifica caracteres que forman parte de la estructura de la URL como / : ? # y otros. Para parámetros de consulta y valores individuales, encodeURIComponent es la opción correcta.
Nuestra herramienta procesa todo localmente en tu navegador, sin enviar datos a servidores externos. Puedes codificar URLs completas, parámetros individuales o cualquier texto que necesites incluir de forma segura en una URL. La función de intercambio te permite verificar rápidamente que la codificación se realizó correctamente decodificando el resultado.
Preguntas frecuentes
¿Qué es el percent-encoding?
El percent-encoding (también llamado URL encoding) es un mecanismo para representar caracteres especiales en una URL. Cada carácter no seguro se reemplaza por un signo % seguido de dos dígitos hexadecimales que representan el valor del byte en UTF-8. Por ejemplo, el espacio se codifica como %20, y el carácter á como %C3%A1.
¿Cuándo necesito codificar una URL?
Debes codificar una URL cuando incluyes datos del usuario en parámetros de consulta (query strings), cuando envías formularios por GET, cuando construyes URLs dinámicamente en código, o cuando la URL contiene caracteres no ASCII como tildes, eñes o caracteres de otros idiomas. Sin codificación, el navegador o servidor podría interpretar estos caracteres incorrectamente.
¿Cuál es la diferencia entre encodeURI y encodeURIComponent?
encodeURI codifica una URL completa pero preserva los caracteres estructurales como /, :, ?, #, & y =. encodeURIComponent codifica todos los caracteres especiales sin excepción. Usa encodeURI para URLs completas y encodeURIComponent para valores individuales de parámetros. Esta herramienta usa encodeURIComponent, ideal para codificar valores de parámetros.
¿Quieres saber más? Lee nuestra guía completa →