Codificador & decodificador de URL
Codifica o decodifica URL y cadenas de consulta con codificación porcentual. Elige codificación de componente o de URL completa, escoge %20 o + para los espacios y consulta cada parámetro de la consulta separado con su forma codificada.
Escrito por Suhaib Hassan. Las cifras son estimaciones que puedes editar. Nuestra metodología.
Usa las funciones nativas del navegador encodeURIComponent, encodeURI y decodeURIComponent, con opciones de escape estricto y espacios al estilo de formulario.
Los enlaces rotos suelen ser un problema de codificación. Esto muestra qué cambió y qué partes de una URL se ven afectadas.
—
| Clave | Valor | Codificado |
|---|
Qué caracteres se codifican con porcentaje
La codificación porcentual escribe un carácter como % seguido del valor hexadecimal de cada uno de sus bytes UTF-8. encodeURI() conserva los caracteres que dan estructura a una URL. encodeURIComponent() los codifica, que es lo que quieres para un único valor de consulta.
| Carácter | Forma porcentual | Clase RFC 3986 | encodeURI | encodeURIComponent |
|---|---|---|---|---|
espacio | %20 | No permitido | %20 | %20 |
! | %21 | Sub-delim | Conservado | Conservado |
" | %22 | No permitido | %22 | %22 |
# | %23 | Gen-delim | Conservado | %23 |
$ | %24 | Sub-delim | Conservado | %24 |
% | %25 | No permitido | %25 | %25 |
& | %26 | Sub-delim | Conservado | %26 |
' | %27 | Sub-delim | Conservado | Conservado |
( | %28 | Sub-delim | Conservado | Conservado |
) | %29 | Sub-delim | Conservado | Conservado |
* | %2A | Sub-delim | Conservado | Conservado |
+ | %2B | Sub-delim | Conservado | %2B |
, | %2C | Sub-delim | Conservado | %2C |
/ | %2F | Gen-delim | Conservado | %2F |
: | %3A | Gen-delim | Conservado | %3A |
; | %3B | Sub-delim | Conservado | %3B |
< | %3C | No permitido | %3C | %3C |
= | %3D | Sub-delim | Conservado | %3D |
> | %3E | No permitido | %3E | %3E |
? | %3F | Gen-delim | Conservado | %3F |
@ | %40 | Gen-delim | Conservado | %40 |
[ | %5B | Gen-delim | %5B | %5B |
\ | %5C | No permitido | %5C | %5C |
] | %5D | Gen-delim | %5D | %5D |
^ | %5E | No permitido | %5E | %5E |
` | %60 | No permitido | %60 | %60 |
{ | %7B | No permitido | %7B | %7B |
| | %7C | No permitido | %7C | %7C |
} | %7D | No permitido | %7D | %7D |
~ | %7E | No reservado | Conservado | Conservado |
³ | %C2%B3 | No reservado | %C2%B3 | %C2%B3 |
Fórmulas
Cómo se calculan los números.
Codificación porcentual
Cada byte de la forma UTF-8 del carácter se convierte en un signo de porcentaje y dos dígitos hexadecimales.
%C2%B3 = ³ (dos bytes UTF-8)
espacio = %20Componente o URL completa
Codifica un único valor con la opción de componente. Codifica una dirección completa con la opción de URL completa para que : / ? & = # se mantengan tal cual.
encodeURIComponent(valor)
encodeURI(url)Decodificación
Cada secuencia %XX se convierte de nuevo en su byte, y los bytes se leen como UTF-8.
decodeURIComponent(texto)Ejemplos resueltos
Cifras ilustrativas, cada una comprobada a mano. La primera es la configuración predeterminada.
Un valor de consulta
Codifica el componente "gas leak & m³/hr".
resultado: gas%20leak%20%26%20m%C2%B3%2Fhr
Una URL completa
Codifica "https://example.com/a b?x=1".
Decodificar
Decodifica "caf%C3%A9%20menu".
Cómo codificar o decodificar una URL
- Elige Codificar un componente, Codificar una URL completa o Decodificar.
- Pega tu texto. Usa los ejemplos para ver casos típicos.
- Copia el resultado, o úsalo como siguiente entrada para hacer el recorrido de ida y vuelta.
- Consulta la tabla para ver cada parámetro de la consulta.
La codificación convierte el texto en una forma segura para las URL. No es cifrado y no oculta nada. Nunca pongas secretos en una URL.
Por Suhaib Hassan · Revisado el 29 de septiembre de 2026 · Cómo verifica CalculatePilot las fórmulas →
Fuentes
- IETF, RFC 3986, Uniform Resource Identifier (URI): Generic Syntax (2005).
- WHATWG, URL Standard, codificación porcentual.
- MDN Web Docs, encodeURIComponent() y encodeURI().
Preguntas frecuentes
¿Cuál es la diferencia entre encodeURI y encodeURIComponent?
encodeURI conserva caracteres como : / ? & = # para que una dirección completa siga funcionando. encodeURIComponent los codifica, así que úsalo para un único valor dentro de una URL.
¿Cuándo un espacio debe ser %20 y cuándo +?
%20 es correcto en cualquier parte de una URL. Un + significa un espacio solo en los datos de formularios HTML (application/x-www-form-urlencoded), como las cadenas de consulta de formularios.
¿Por qué ³ se convierte en %C2%B3?
Los caracteres no ASCII se convierten primero en bytes UTF-8, y cada byte se escribe en hexadecimal. ³ son los dos bytes C2 y B3.
¿Por qué falla la decodificación con un error de formato incorrecto?
Un % debe ir seguido de dos dígitos hexadecimales, y los bytes deben formar UTF-8 válido. Un % suelto o una secuencia truncada provocan este error.
¿Se envían estos datos a algún sitio?
No. Todo se ejecuta en tu navegador.
Calculadoras relacionadas
Más herramientas para la vida diaria.