Codificador & Decodificador URL Online Gratuito
Codifica texto en URLs percent-encoded o decodifica %20, %26 y cualquier secuencia %XX — directamente en tu navegador.
Ejemplos de referencia de codificación
| Entrada | encodeURIComponent | encodeURI |
|---|---|---|
| hello world | hello%20world | hello%20world |
| name=John&age=30 | name%3DJohn%26age%3D30 | name=John&age=30 |
| https://example.com/path?q=hi | https%3A%2F%2Fexample.com%2Fpath%3Fq%3Dhi | https://example.com/path?q=hi |
| café résumé | caf%C3%A9%20r%C3%A9sum%C3%A9 | caf%C3%A9%20r%C3%A9sum%C3%A9 |
| price: $9.99 (sale!) | price%3A%20%249.99%20(sale!) | price%3A%20%249.99%20(sale!) |
¿Qué es la codificación URL?
La codificación URL (también llamada percent-encoding) convierte los caracteres no seguros en una URL en un signo de porcentaje seguido de dos dígitos hexadecimales. Por ejemplo, un espacio se convierte en %20, un ampersand en %26 y un signo igual en %3D.
Los navegadores y servidores requieren esta codificación porque las URLs solo pueden contener un conjunto limitado de caracteres ASCII. Espacios, letras acentuadas, caracteres chinos y símbolos especiales deben codificarse.
encodeURIComponent vs encodeURI
JavaScript proporciona dos funciones nativas para la codificación URL. La elección depende de qué se está codificando.
encodeURIComponent()
Usar para valores individuales en una cadena de consulta. Codifica todo excepto letras, dígitos y - _ . ! ~ * ' ( ).
encodeURI()
Usar para una URL completa. Preserva caracteres estructurales como / : ? # & = @ para que la URL siga siendo válida.
Casos de uso comunes de la codificación URL
El percent-encoding está presente en todas partes del desarrollo web moderno y las APIs.
Búsqueda y parámetros de consulta
Codifica los términos de búsqueda antes de añadirlos a una solicitud GET.
Llamadas API con valores dinámicos
Las APIs REST y GraphQL a menudo requieren valores codificados en segmentos de ruta.
OAuth y URLs de redirección
Los parámetros redirect_uri de OAuth 2.0 deben estar completamente codificados.
Slugs no ASCII
Las URLs de páginas en árabe, chino, japonés o con caracteres acentuados deben codificarse.
Formularios HTML con GET
Los navegadores codifican los campos del formulario antes de añadirlos a la URL. Entender esta codificación ayuda a depurar.
Preguntas Frecuentes
Privacidad
Toda la codificación y decodificación ocurre en tu navegador usando funciones JavaScript nativas. Tu texto nunca se envía a nuestros servidores.