Codificar y decodificar URL online

Qué puedes hacer aquí

• Codificar texto Unicode como un componente URI con secuencias porcentuales UTF-8.
• Decodificar secuencias `%HH` válidas para recuperar texto legible.
• Convertir tildes, ñ, emoji, espacios y delimitadores de consulta.
• Copiar el resultado o limpiar ambos cuadros para empezar otra prueba.
• Rechazar entradas mal formadas en vez de mostrar una salida parcial.

Respuesta rápida: cómo codificar una URL

Si necesitas colocar `café con leche & té` como valor de un parámetro, pega solo ese valor y pulsa «Codificar componente». El resultado será `caf%C3%A9%20con%20leche%20%26%20t%C3%A9`. Después puedes construir la consulta como `?q=` más la salida. Para volver al texto, pega la cadena codificada y pulsa «Decodificar componente». El cuadro original no se sustituye, por lo que puedes comparar entrada y resultado antes de copiar.

La palabra «URL» de la búsqueda puede resultar ambigua. Este widget usa `encodeURIComponent()`, que está pensado para una parte de la dirección y codifica también caracteres con función estructural. Si pegas `https://ejemplo.com/buscar?q=café`, los dos puntos, barras, signo de interrogación e igual se convertirán. Eso puede ser correcto si toda la dirección será el valor de otro parámetro, pero no si querías conservarla como URL navegable.

Qué significa percent-encoding en UTF-8

El percent-encoding representa determinados bytes con `%` seguido de dos dígitos hexadecimales. `encodeURIComponent()` convierte primero el texto Unicode a su representación UTF-8 y después escapa los bytes necesarios. Una `ñ` ocupa dos bytes UTF-8 y aparece como `%C3%B1`; un espacio aparece como `%20`; un emoji necesita cuatro bytes y produce cuatro grupos porcentuales. La cantidad de grupos no equivale al número visible de letras.

Las letras latinas sin acento, los dígitos y algunos signos permanecen legibles. En concreto, el comportamiento nativo también deja sin escapar `- _ . ! ~ * ' ( )`. Eso no significa que cada protocolo, firma o servidor acepte exactamente la misma forma. Algunos perfiles basados en RFC 3986 aplican reglas más estrictas y codifican además determinados signos. La herramienta muestra la salida real de JavaScript; no afirma cumplir automáticamente todos los perfiles de canonicalización.

• `á` se codifica por sus bytes UTF-8, no por una tabla Latin-1.
• `%20` representa un espacio en esta salida.
• Los dígitos hexadecimales de la salida suelen aparecer en mayúscula.
• Decodificar exige grupos porcentuales completos y bytes UTF-8 válidos.

Componente URI frente a URL completa

Una dirección puede contener esquema, autoridad, ruta, consulta y fragmento. Dentro de la consulta, `&` separa pares y `=` separa nombre y valor; `#` inicia un fragmento y `/` separa segmentos de ruta. Al codificar un valor individual conviene escapar esos delimitadores para que pasen a ser datos. Por eso `tema=a&b` no debe construirse concatenando el valor bruto `a&b`: el ampersand podría interpretarse como un segundo parámetro.

No uses el resultado como verificador de seguridad. La codificación no comprueba `http` frente a `https`, dominio, puerto, ruta autorizada, redirecciones, homógrafos ni esquemas peligrosos. Tampoco evita inyección cuando el destino es HTML, JavaScript, SQL o una cabecera. Cada contexto tiene su propia codificación y validación. Primero valida qué dato está permitido; después codifica el componente en el punto donde se inserta.

Espacio como %20 y signo más

`encodeURIComponent()` transforma el espacio en `%20`. Los formularios con tipo `application/x-www-form-urlencoded` suelen representar el espacio con `+`, pero esa es otra convención. `decodeURIComponent()` no cambia automáticamente `+` por espacio: `café+molido` seguirá siendo `café+molido`. Si analizas datos de formulario, necesitas un parser de formularios o reemplazar el signo según el formato documentado antes de decodificar.

El signo más literal puede ser un dato válido, por ejemplo en una zona horaria, un teléfono o una expresión. Sustituir todos los `+` sin conocer el formato puede corromperlo. Pregunta si la fuente es un componente URI codificado con porcentajes, una cadena de consulta serializada como formulario o simplemente texto. Esta página resuelve el primer caso; no divide parámetros ni decide si un `+` significa suma, espacio o carácter literal.

Errores al decodificar y Unicode mal formado

Una secuencia como `%E0%A4%A` está incompleta y `decodeURIComponent()` lanza `URIError`; la herramienta vacía la salida y muestra un mensaje en español. También falla si los bytes porcentuales no forman UTF-8 válido. No intenta adivinar Windows-1252, Latin-1 u otra codificación, ni conserva silenciosamente una parte correcta. Si la cadena proviene de un sistema antiguo, identifica primero el charset declarado por esa fuente.

Al codificar, JavaScript también puede rechazar un sustituto Unicode aislado, una mitad interna de un carácter suplementario. Normalmente no aparece al escribir texto, pero puede surgir al cortar datos dañados o manipular unidades UTF-16. El componente ahora captura ese error y no deja una excepción de página. Reparar o sustituir ese carácter requiere una decisión sobre la fuente; el widget no altera datos defectuosos sin avisar.

Privacidad, secretos y comprobación

La conversión se realiza en la memoria de esta pestaña. FunnyTools no recibe la cadena para codificarla ni conserva un historial. Aun así, una URL puede incluir tokens, correos, identificadores, rutas internas o consultas personales. El percent-encoding es reversible y no oculta el dato frente al servidor, historial, registro, analítica, captura o persona que reciba el enlace. Usa valores ficticios para probar.

Comprueba el resultado dentro de la aplicación real. Verifica que el nombre del parámetro aparezca una sola vez, que `&` o `#` pertenecientes al valor ya no corten la estructura y que el servidor recupere el texto esperado una sola vez. La doble codificación convierte `%` en `%25`; por ejemplo, `%C3%B1` puede acabar como `%25C3%25B1`. Conserva la entrada y evita encadenar codificadores sin saber qué capa falta.

Cómo utilizarla paso a paso

1. Identifica si trabajarás con un valor individual o si toda la URL será el dato de otro campo.
2. Pega una copia sin contraseñas, tokens ni información personal.
3. Pulsa codificar o decodificar y revisa espacios, delimitadores, tildes, ñ y emoji.
4. Construye o prueba la URL en el sistema de destino sin volver a codificar la salida por error.
5. Confirma que el receptor recupera exactamente el valor original y conserva la fuente.

Situaciones en las que resulta útil

• Codificar una búsqueda con espacios, tildes y ampersand antes de añadirla a `?q=`.
• Preparar un nombre de archivo Unicode como segmento de una ruta.
• Leer una cadena recibida con grupos `%HH` y comprobar si contiene texto UTF-8.
• Detectar una consulta de formulario donde `+` y `%20` no deben tratarse igual sin contexto.
• Comprobar si un valor ya estaba codificado antes de aplicar otra capa.

Ejemplos completos

Límites y comprobaciones importantes

• La herramienta usa `encodeURIComponent()` y `decodeURIComponent()`, no `encodeURI()`.
• Codifica componentes; no valida ni reconstruye una URL completa.
• El espacio sale como `%20`; el decodificador no transforma `+` en espacio.
• El percent-encoding es reversible y no protege secretos.
• Una secuencia porcentual o Unicode mal formada produce un error, no una salida parcial.

Preguntas frecuentes