Cómo codificar y decodificar URL paso a paso
Respuesta rápida
Para codificar URL: pegue su texto en el codificador URL y la cadena codificada en porcentaje aparecerá instantáneamente. Para decodificar: pegue un URL codificado en el decodificador URL y aparecerá el texto original. Todo el procesamiento ocurre localmente en su navegador usando encodeURIComponent() y decodeURIComponent().
Introducción
La codificación URL (también llamada codificación porcentual) convierte caracteres especiales en URL a un formato que sea seguro para transmitir a través de Internet. Caracteres como espacios, comillas y letras que no son ASCII tienen un significado especial en URLs o no están permitidos en absoluto. La codificación URL los reemplaza con un signo de porcentaje seguido de dos dígitos hexadecimales (por ejemplo, el espacio se convierte en %20). Esta guía le muestra cómo codificar y decodificar URLs en su navegador.
Paso a paso
-
Abra la herramienta Codificador/Decodificador URL
Vaya a la página de herramientas URL Codificador y decodificador. La herramienta tiene dos modos: codificar y decodificar.
-
Ingrese su texto o URL
En el modo Codificar, pegue el texto o URL que desea codificar. Esto resulta útil al crear cadenas de consulta con valores que contienen espacios, caracteres especiales o texto que no es ASCII.
-
Leer la salida codificada
La herramienta codifica su entrada usando encodeURIComponent(). Los espacios se convierten en %20, los caracteres especiales como & se convierten en %26 y los caracteres que no son ASCII se codifican en UTF-8 y luego en porcentaje. El resultado aparece al instante.
-
Copie el URL codificado
Haga clic en Copiar para copiar la cadena codificada. Úselo en su solicitud API, atributo HTML href o llamada fetch() de JavaScript.
-
Decodificar un URL codificado
Cambie al modo Decodificar y pegue una cadena codificada en porcentaje. La herramienta lo decodifica usando decodeURIComponent() y muestra el texto original. Las secuencias de escape no válidas (como %ZZ) producen un error.
Ejemplos
Codificar un valor de cadena de consulta con espacio
Aporte: hello world
Producción: hello%20world
Codificar un URL con caracteres especiales
Aporte: https://example.com/search?q=foo&bar=baz
Producción: https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dfoo%26bar%3Dbaz
Codificar texto no ASCII
Aporte: café
Producción: caf%C3%A9
Decodificar un URL codificado por porcentaje
Aporte: hello%20world%20%26%20goodbye
Producción: hola mundo y adiós
Problemas comunes
- Codificar todo el URL cuando solo los valores de los parámetros de consulta necesitan codificación: codificar valores, no la estructura (://?&=).
- Codificación doble: si un URL ya está codificado, codificarlo nuevamente produce %2520 en lugar de %20. Decodifica primero si no estás seguro.
- Usando encodeURI() vs encodeURIComponent() —encodeURI() mantiene URL caracteres estructurales (:/?&=), encodeURIComponent() los codifica. Utilice este último para consultar valores de parámetros.
- Secuencias de escape no válidas en la decodificación: %ZZ o %2 no son codificación porcentual válida y generarán un error.
Consejos
- Codifique siempre los valores de los parámetros de consulta que puedan contener espacios, caracteres especiales o entradas del usuario para evitar la inyección de URL.
- Utilice encodeURIComponent() para consultar valores de parámetros y encodeURI() para URLs completo que solo necesita caracteres no seguros codificados.
- La codificación URL no es codificación; cualquiera puede decodificarla. Nunca lo utilices para ocultar datos confidenciales.
- Utilice nuestras herramientas URL Codificador y Decodificador para un procesamiento privado e instantáneo en su navegador.