Codificar URL (codificación porcentual)

Cómo codificar texto para una URL

Para codificar texto para una URL, pégalo en el cuadro de entrada con «Codificar» seleccionado y elige si es un solo valor o una dirección entera. Los caracteres no permitidos en una URL, como espacios, tildes y símbolos, se sustituyen por un signo de porcentaje y dos dígitos hexadecimales: un espacio pasa a %20 y café pasa a caf%C3%A9. Todo ocurre en tu navegador.

Qué es la codificación porcentual

Una URL solo puede contener un conjunto pequeño de caracteres. Todo lo demás, incluidos los espacios, las letras con tilde, los emojis y los caracteres con significado especial como & y #, se escribe como un signo de porcentaje seguido del valor hexadecimal de cada byte UTF-8. Por eso la é, que ocupa dos bytes, pasa a %C3%A9.

Ejemplos de codificación

¿Valor o dirección entera?

Codificar un valor, como el texto que va después de q= en un enlace de búsqueda, debe escapar también / ? & = y #, porque si no se leerían como partes de la dirección. Eso es lo que hace encodeURIComponent en JavaScript. Codificar una dirección entera debe conservar esos caracteres, porque dan estructura a la URL, y escapar solo el resto. Eso es encodeURI. El ejemplo https://example.com/search?q=café & té, codificado como valor, da caf%C3%A9%20%26%20t%C3%A9.

Errores habituales

• Codificar dos veces. Un % que se vuelve a codificar pasa a %25, así que %20 se convierte en %2520 y el enlace se rompe.
• Codificar una dirección entera como valor. Se escapan :// y las barras y el enlace deja de funcionar.
• Los signos más. En las cadenas de consulta un + puede representar un espacio, mientras que en una ruta es un más literal. En caso de duda, usa %20 para los espacios.

Privado por diseño

La conversión se hace en tu navegador. Lo que escribes, pegas o sueltas no se sube nunca, algo importante cuando el texto contiene tokens, datos personales o archivos internos.