Codificador / Decodificador URL

La codificación de URL (también llamada percent-encoding) convierte caracteres que no son seguros para usar en una URL en una secuencia de escape del tipo %XX, donde XX es el valor hexadecimal del carácter. Por ejemplo, un espacio se convierte en %20 y la arroba en %40. Esto garantiza que la URL sea válida en cualquier navegador y servidor.

Siempre que incluyas texto libre en una URL: parámetros GET con caracteres especiales, tildes o espacios (ej. ?q=café con leche), fragmentos de hash, o cualquier dato de usuario en la cadena de consulta. Si no lo codificas, el servidor puede interpretar los caracteres reservados (&, =, #) como parte de la estructura de la URL y no como datos.

encodeURI codifica la URL completa y deja sin tocar los caracteres reservados de estructura (:, /, ?, &, #). encodeURIComponent codifica todo, incluidos esos caracteres, porque asume que estás codificando el valor de un parámetro, no una URL entera. Esta herramienta usa encodeURIComponent, que es el estándar correcto para codificar valores individuales.

Existen dos convenciones: el estándar RFC 3986 usa %20 para el espacio, mientras que el formato application/x-www-form-urlencoded (HTML forms) usa +. Los navegadores modernos y encodeURIComponent siguen RFC 3986 y producen %20, que es el formato correcto para cualquier URL. El signo + solo debe usarse en el cuerpo de formularios HTML, no en URLs generales.