Codificador y Decodificador de URL

Los espacios, los acentos, la ñ y símbolos como & o ? no pueden ir tal cual en una URL: hay que codificarlos con porcentajes, como %20 o %C3%B1. Esta herramienta codifica y decodifica texto para URLs en ambos sentidos, con la opción de conservar la estructura de una dirección completa o usar + para los espacios, como en los formularios. También incluye un analizador que separa una URL en protocolo, dominio, ruta, fragmento y cada uno de sus parámetros ya decodificados.

Cómo usar

1. 1

   Elige el modo: codificar, decodificar o analizar URL

2. 2

   Pega el texto o la dirección

3. 3

   Ajusta las opciones: URL completa o componente, y espacios como + o %20

4. 4

   Copia el resultado o úsalo como nueva entrada para encadenar operaciones

Beneficios

• Codifica y decodifica con encodeURIComponent y encodeURI
• Opción de espacios como + para datos de formularios
• Analiza protocolo, dominio, puerto, ruta y fragmento
• Tabla de parámetros de consulta ya decodificados
• Detecta secuencias % inválidas
• Funciona sin conexión una vez cargada

Qué es la codificación de URL

Las URL solo pueden contener un conjunto limitado de caracteres ASCII. El resto se representa con codificación porcentual, definida en el RFC 3986: cada byte del carácter en UTF-8 se escribe como % seguido de dos dígitos hexadecimales. El espacio es %20, la ñ (dos bytes en UTF-8) es %C3%B1 y la é es %C3%A9. Así, «café orgánico» se convierte en caf%C3%A9%20org%C3%A1nico. Los navegadores muestran la versión legible, pero internamente envían la codificada.

Componente o URL completa

Hay dos funciones estándar en JavaScript. encodeURIComponent codifica todos los caracteres especiales, incluidos / ? & = y #, y es la correcta para el valor de un parámetro, porque evita que un & dentro del valor se confunda con el separador de parámetros. encodeURI conserva esos caracteres estructurales y solo codifica los que no son válidos, así que sirve para una URL completa que ya está bien formada. Usar la función equivocada es un error común que rompe enlaces.

El + y el %20

En los datos enviados por formularios HTML (application/x-www-form-urlencoded), los espacios se codifican como + en lugar de %20. Por eso en algunas URL de búsqueda verás «q=camion+rojo». Al decodificar, activa la opción de espacios como + si tu texto viene de un formulario; si no, un + se interpretará literalmente como el signo más. En la ruta de la URL, el + no significa espacio.

Analizar los parámetros de una URL

Las URL de campañas, buscadores y aplicaciones pueden tener decenas de parámetros después del signo ?. El modo «Analizar URL» usa el analizador del propio navegador para separar cada parte y listar los parámetros con sus valores ya decodificados. Es útil para depurar enlaces de marketing con UTM, revisar redirecciones o entender qué datos envía un formulario.