Codificar un componente
encodeURIComponent(texto)Codifica todos los caracteres especiales, incluidos «/», «?», «&» y «=». Se usa para valores individuales, como un parámetro de consulta.
Tecnología
URL Encoder / Decoder
Codifica y decodifica URLs online. Elige entre codificar un componente, una URL completa o decodificar, y consulta el desglose de los parámetros de consulta.
Codificar una URL no la cifra ni la protege: solo adapta los caracteres para que sea válida. Cualquiera puede decodificarla.
Los datos se procesan en tu navegador. No se envían ni se guardan en ningún servidor.
Resultado
Paso a paso
Cómo usar esta herramienta
- 1
Elige el modo: codificar un componente, codificar una URL completa o decodificar.
- 2
Pega el texto o la URL en el área de entrada.
- 3
Consulta el resultado y, si es una URL con parámetros, revisa su desglose debajo.
- 4
Copia el resultado con un clic o pulsa «Limpiar» para empezar de nuevo.
Metodología
Cómo se codifica y decodifica una URL
Cada modo utiliza una función distinta del navegador según lo que quieras convertir.
Codificar una URL completa
encodeURI(url)Codifica los caracteres no válidos en una URL pero respeta los que forman parte de su estructura, como «/», «?», «&», «=» y «:».
Decodificar
decodeURIComponent(texto)Convierte las secuencias «%XX» de vuelta a sus caracteres originales. Si una secuencia está incompleta o es inválida, lanza un error de «URI malformed».
Casos prácticos
Ejemplos de codificación y decodificación
«café & té»
«caf%C3%A9%20%26%20t%C3%A9»encodeURIComponent codifica también el «&», porque en este modo se trata como un valor aislado, no como parte de la estructura de la URL.
«https://ejemplo.com/buscar?q=café con leche»
«https://ejemplo.com/buscar?q=caf%C3%A9%20con%20leche»encodeURI respeta «https://», «?» y «=» porque son parte de la estructura, y solo codifica el espacio y la tilde.
«%2Fproductos%2Fmesa-plegable»
«/productos/mesa-plegable»Cada secuencia «%XX» se convierte de nuevo en el carácter original.
«https://tienda.com/buscar?categoria=sillas&orden=precio»
categoria = sillas · orden = precioAl detectar una URL válida con parámetros de consulta, la herramienta los separa y decodifica automáticamente.
Guía
Guía sobre codificación de URLs
Codificar no es lo mismo que cifrar
Codificar una URL es una transformación reversible y pública: convierte caracteres que no son válidos en una dirección web (espacios, tildes, símbolos) en secuencias «%» que cualquier navegador o servidor entiende. No requiere ninguna clave y cualquiera puede deshacerla, igual que ocurre con Base64.
Cifrar, en cambio, protege un contenido para que solo pueda leerlo quien tenga la clave correspondiente. Si necesitas proteger datos sensibles, la codificación de URL no cumple esa función: solo sirve para que la dirección sea válida y se transmita sin errores.
Componente frente a URL completa
La diferencia entre encodeURIComponent y encodeURI está en qué caracteres respetan. Elegir el modo equivocado puede romper una URL o dejar sin codificar caracteres que deberían transformarse.
| Función | Uso recomendado | Caracteres que respeta |
|---|---|---|
| encodeURIComponent | Un valor o parámetro individual | letras, números, - _ . ! ~ * ' ( ) |
| encodeURI | Una URL completa con su estructura | además de lo anterior: / ? : @ & = + $ , # |
Por qué a veces «decodificar» da error
El error «URI malformed» aparece cuando el texto contiene una secuencia «%» incompleta o inválida, como un «%» seguido de menos de dos dígitos hexadecimales, o un carácter suelto que no forma parte de ninguna codificación válida.
Esto suele pasar al pegar un texto que no estaba codificado en origen, o que se codificó dos veces y quedó con secuencias mezcladas.
Parámetros de consulta en una URL
Los parámetros de consulta son la parte de una URL que sigue al símbolo «?», organizados en pares clave-valor separados por «&». Son la forma habitual de enviar filtros, búsquedas o identificadores a una página sin necesidad de un formulario.
Respuestas claras