URL Encoder & Decoder: codifica y decodifica URL online

En una URL solo se permiten ciertos caracteres. Los demás se representan con % seguido de dos dígitos hexadecimales por cada byte del carácter en UTF-8. Un espacio se convierte en %20, «ä» en %C3%A4 (dos bytes), «€» en %E2%82%AC (tres bytes) y un emoji como 😀 en %F0%9F%98%80 (cuatro bytes). Este proceso también se llama codificación porcentual o codificación de URL; entre desarrolladores se conoce como URL Encode y el proceso inverso como URL Decode.

%20 es un espacio codificado: 20 es el valor hexadecimal del espacio. Del mismo modo, %3D representa =, %26 representa &, %2F representa / y %2C representa una coma. %20 vale en cualquier parte de una URL. El + para representar un espacio solo se usa en el formato de formulario (application/x-www-form-urlencoded), es decir, en las cadenas de consulta generadas por un formulario HTML. En la ruta, + es un signo más literal. «Käse & Brot» se convierte en «K%C3%A4se+%26+Brot» como valor de formulario y en «K%C3%A4se%20%26%20Brot» con encodeURIComponent. Por eso, al decodificar, elige la variante adecuada: «Formulario» para datos de formularios y búsquedas.

encodeURI conserva los separadores de una URL: ; , / ? : @ & = + $ #. encodeURIComponent también los codifica. «a/b?c=d» se convierte en «a/b?c=d» con encodeURI y en «a%2Fb%3Fc%3Dd» con encodeURIComponent. Para una dirección completa, usa encodeURI. Para un valor individual que se inserta en una URL, usa encodeURIComponent; de lo contrario, un & o un = dentro del valor puede separar los parámetros.

Elige «Decodificar» y pega arriba la URL o el texto codificado. «M%C3%BCller%20%26%20S%C3%B6hne» se convierte en «Müller & Söhne». Si se trata de una URL, la herramienta también desglosa la dirección en componentes como esquema, host, ruta, consulta y fragmento, y muestra los parámetros de consulta en una tabla con el nombre, el valor decodificado y el valor original; por ejemplo, q = tomates verdes en lugar de gr%C3%BCne%20Tomaten. Los parámetros van después de ?, el nombre y el valor se separan con =, y los distintos parámetros con &. Para datos de un formulario o una búsqueda, elige la variante «Formulario» para que + también se interprete como un espacio en el resultado.

Las letras de A a Z y de a a z, los dígitos del 0 al 9 y los caracteres -_.~ no cambian; solo el formato de formulario codifica la virgulilla como %7E. Los separadores : / ? # [ ] @ ! $ & ' ( ) * + , ; = solo se permiten cuando cumplen su función, como & entre dos parámetros. Deben codificarse, entre otros, los espacios, las comillas, %, < > ^ { | } y todos los caracteres fuera de ASCII, como las letras acentuadas o los emojis. encodeURIComponent también deja intactos ! * ' ( ), mientras que la variante estricta según RFC 3986 los codifica. La tabla de caracteres anterior muestra los caracteres especiales más habituales y su resultado.

No se escriben directamente: se codifican. Letras como «ä», «ß», «é», «ñ» o «å» ocupan dos bytes cada una en UTF-8: «ä» se convierte en %C3%A4, «ß» en %C3%9F, «é» en %C3%A9, «ñ» en %C3%B1 y «å» en %C3%A5. Un espacio se convierte en %20 o, en formularios, en +. Los navegadores suelen mostrar la dirección de forma legible y la codifican al enviarla. En los enlaces que escribas tú, codifica el valor con encodeURIComponent o con esta herramienta; la tabla «Qué ocurre con tus caracteres» muestra el número Unicode y los bytes de los caracteres sustituidos. Los caracteres especiales en un nombre de dominio no se codifican con porcentajes, sino que se convierten mediante Punycode (müller.de pasa a ser xn--mller-kva.de); esta herramienta no lo hace.

Si se codifica de nuevo un texto ya codificado, el % se convierte en %25: «%20» pasa a ser «%2520». Puedes reconocerlo porque aparece %25 seguido de dos dígitos y porque, tras la decodificación, aún quedan secuencias %XX en el resultado. La herramienta te lo indica y ofrece la opción «Decodificar de nuevo». Para evitarlo, codifica cada valor una sola vez, justo al construir la URL.

Hoy en día, UTF-8 es el estándar: en él, «ä» = %C3%A4. Sin embargo, algunas páginas y sistemas antiguos usan ISO-8859-1 (Latin-1), donde «ä» = %E4 y «é» = %E9. Un %E4 aislado no es válido en UTF-8: la herramienta indica su posición y ofrece «Usar ISO-8859-1». Con ese conjunto de caracteres, «K%E4se» vuelve a ser «Käse». Los caracteres que no existen en ISO-8859-1, como «€», no se pueden codificar así; para hacerlo, vuelve a UTF-8.

No. La codificación y la decodificación se realizan en tu navegador: tu texto no se sube ni se almacena. Esto también se aplica a las URL con tokens o credenciales. La herramienta es gratuita y no requiere registro.