Codificador / Decodificador de URL
El Codificador/Decodificador de URL convierte texto a URLs con percent-encoding en tiempo real. Cuenta con diagrama interactivo de anatomía de URL con partes codificadas por colores, comparación en vivo encodeURI vs encodeURIComponent, detección de profundidad de codificación, tabla editable de parámetros de query, resaltado de diferencias por carácter y snippets de código en 6 idiomas. 100% client-side — ningún dato sale de tu navegador.
¿Tienes una sugerencia?
Solicita una nueva herramienta o sugiere mejoras — ¡únete a nuestra comunidad en Slack!
¿Qué es la Codificación de URL (Percent-Encoding)?
La codificación de URL, formalmente conocida como percent-encoding y definida en RFC 3986, convierte caracteres que no están permitidos o tienen significado especial en URLs en una representación segura usando signos de porcentaje seguidos de dígitos hexadecimales. Por ejemplo, un espacio se convierte en %20 y un ampersand en %26. JavaScript proporciona dos funciones integradas: encodeURI() para codificar URLs completas preservando caracteres estructurales como : / ? #, y encodeURIComponent() para codificar valores individuales donde todos los caracteres especiales deben ser escapados. Esta herramienta realiza toda la codificación y decodificación completamente en tu navegador sin comunicación con el servidor.
Cómo Usar Este Codificador / Decodificador de URL
- Ve a la pestaña Texto y escribe o pega texto — se codifica en tiempo real con resaltado de diferencias por carácter
- Elige tu modo de codificación: encodeURIComponent (para valores), encodeURI (para URLs completas) o RFC 3986 bruto
- Usa la pestaña Parser de URL para pegar una URL y ver su anatomía con partes codificadas por colores (esquema, host, ruta, query, fragmento)
- Edita parámetros de query en la tabla interactiva y copia la URL reconstruida
- Usa la pestaña Comparar para ver exactamente qué caracteres difieren entre encodeURI y encodeURIComponent
Preguntas Frecuentes
¿Cuál es la diferencia entre encodeURI y encodeURIComponent?
encodeURI() está diseñado para codificar URLs completas — preserva caracteres estructurales de URL como :, /, ?, # y @. encodeURIComponent() codifica TODOS los caracteres especiales y debe usarse para codificar valores individuales (como parámetros de query). Por ejemplo, encodeURI('https://example.com/path?q=hello world') preserva la estructura de la URL, mientras que encodeURIComponent('hello world') retorna 'hello%20world'.
¿Por qué mi URL tiene %20 en lugar de espacios?
Las URLs no pueden contener espacios literales — deben codificarse como %20 (o a veces + en datos de formulario). Cuando pegas una URL en la barra de direcciones del navegador, este codifica automáticamente los espacios. El %20 es la forma estándar de representar un espacio en una URL según RFC 3986.
¿Qué es la codificación doble y cómo puedo detectarla?
La codificación doble ocurre cuando texto ya codificado se codifica nuevamente. Por ejemplo, %20 (espacio) se convierte en %2520 porque el % se codifica como %25. El detector de profundidad de codificación de esta herramienta identifica automáticamente la codificación en múltiples capas y muestra cada capa decodificada.
¿Qué caracteres son seguros en URLs sin codificación?
RFC 3986 define caracteres no reservados que nunca necesitan codificación: A-Z, a-z, 0-9, guion (-), punto (.), guion bajo (_) y tilde (~). Los caracteres reservados como : / ? # [ ] @ ! $ & ' ( ) * + , ; = tienen significados especiales en la estructura de la URL y solo deben codificarse cuando se usan como valores de datos.
¿Mis datos están seguros al usar esta herramienta?
Sí. Este codificador/decodificador de URL se ejecuta 100% en tu navegador. Ningún texto o URL se envía a ningún servidor. Todo el procesamiento ocurre localmente en tu dispositivo.
Herramientas Relacionadas
Generador de Contraseñas
Genera contraseñas seguras y aleatorias con opciones personalizables
Probar ahora →Generador de Apodos para Juegos
Crea nombres únicos para juegos con múltiples estilos y temas
Probar ahora →Generador de Nombres de Productos
Genera nombres creativos para productos, marcas y startups
Probar ahora →