Codificador de URL

Obtén texto codificado con porcentajes, listo para una URL, un valor de consulta o un formulario.

Funciona en tu navegador
Sin subidas
Sin cuenta

Cargando tu herramienta del navegador…

Qué hace Codificador de URL

Caracteres como &, ?, #, los espacios y las letras con acento no pueden ir tal cual en una URL; hay que escribirlos como códigos %XX. Cuáles hay que codificar depende de adónde va el texto, y por eso el codificador tiene tres modos en lugar de uno.

“Valor de consulta” codifica casi todo, como encodeURIComponent de JavaScript, para un único valor de parámetro o un segmento de ruta. “URL completa” mantiene intacta la estructura de una dirección y solo codifica los espacios y otros caracteres no seguros, como encodeURI. “Formulario (+)” coincide con el envío de formularios HTML, donde los espacios pasan a ser +.

Ejemplo

Entrada

Q&A: ¿precios / planes?

Resultado

Q%26A%3A%20%C2%BFprecios%20%2F%20planes%3F

En el modo “Valor de consulta” se codifican el &, los dos puntos, la barra y los signos de interrogación (el ¿ ocupa dos bytes: %C2%BF), así que el texto cabe dentro de un solo parámetro. El modo “URL completa” daría Q&A:%20%C2%BFprecios%20/%20planes?.

Cómo usar Codificador de URL

Escribe o pega el texto que quieres codificar, o haz clic en “Usar ejemplo”.
Elige “Valor de consulta”, “URL completa” o “Formulario (+)” en “Codificar para”; en “Más opciones” puedes codificar cada línea por separado.
Haz clic en “Copiar”.

Conviene saber

El modo “URL completa” no arregla un enlace cuyos valores de consulta contienen & o =. Codifica esos valores uno a uno en el modo “Valor de consulta”, o usa el Generador de parámetros de consulta.
El texto siempre se codifica como UTF-8. Los sistemas antiguos que esperan Latin-1 (é como %E9) leerán mal los caracteres con acento.
El texto que ya está codificado se vuelve a codificar, así que %20 pasa a ser %2520. Si no estás seguro, decodifícalo primero con el Decodificador de URL.

Preguntas sobre Codificador de URL

¿Qué es la codificación de URL?

Sustituye los caracteres que no se permiten en una URL, o que tienen un significado especial, por un signo % y dos dígitos hexadecimales por byte. Un espacio pasa a ser %20, & pasa a ser %26 y é pasa a ser %C3%A9, porque ocupa dos bytes en UTF-8.

¿Un espacio debe ser %20 o +?

Usa %20 en las rutas y en la mayoría de las cadenas de consulta. La forma + viene del envío de formularios HTML y solo significa un espacio dentro de una cadena de consulta. Elige “Formulario (+)” cuando un sistema espere expresamente la codificación de formulario.

¿Qué diferencia hay entre encodeURI y encodeURIComponent?

encodeURI deja los caracteres que estructuran una URL, como / ? & = y #, así que sirve para una dirección completa. encodeURIComponent también los codifica, así que sirve para un único valor. “URL completa” y “Valor de consulta” equivalen a cada uno.

¿Cómo pongo una URL dentro de otra URL?

Codifica la URL interior en el modo “Valor de consulta” y usa el resultado como valor del parámetro, por ejemplo ?next=https%3A%2F%2Fexample.com%2Fa. Así sus propios ? y & no se leen como parte del enlace exterior.