Codificador y Decodificador de URL - Herramienta Gratuita

Cómo Codificar (Encode) un Texto en URL

1. Selecciona la pestaña 'Codificar' en la parte superior.
2. Elige tu tipo de codificación (encodeURIComponent para valores o encodeURI para enlaces completos).
3. Escribe o pega tu texto/enlace en el panel de entrada.
4. El resultado procesado se mostrará inmediatamente abajo.
5. Haz clic en 'Copiar' para llevarlo a tu portapapeles.

Cómo Decodificar (Decode) una Cadena

1. Ve a la pestaña 'Decodificar'.
2. Pega el texto lleno de porcentajes (ej %20) en el área de origen.
3. El formato se limpiará y se volverá humano al instante en el cuadro de salida.
4. Nuestra herramienta gestiona sin problemas una mezcla de textos normales y caracteres codificados.
5. Haz clic en 'Copiar' para guardar el resultado.

Cómo usar el Analizador de URL

1. Desplázate hacia abajo hasta la sección del Analizador.
2. Inserta la ruta al completo asegurándote de usar HTTP o HTTPS.
3. El sistema diseccionará la dirección separándola en dominio, protocolo y puerto.
4. Los atributos y parámetros web se extraerán línea por línea con su valor original descifrado.
5. Perfecto para revisar endpoints de API mal construidos.

encodeURIComponent frente a encodeURI - ¿Cuál elijo?

encodeURIComponent sirve para codificar partes específicas (como lo que va después del símbolo =). Convertirá signos como ? y =.

encodeURI sirve al momento de envolver una URL funcional entera. Éste sabe que las barras / y símbolos ? son esenciales, así que no los tocará.

En resumen: usa Componente para trozos de datos, y usa URI cuando trates con un enlace web entero que la gente deba pulsar.

Codificar vs Decodificar - La gran Diferencia

URL Encoding traduce texto inseguro de humanos (ej: un espacio) a un lenguaje estandarizado ASCII que la red soporte sin errores ( %20 ).

URL Decoding hace el recorrido inverso. Rescata de ese formato % y te lo escribe en español perfectamente legible.

Escenarios de Uso

Por qué necesitas procesar URLs diariamente

El internet se rompe fácilmente si mandas caracteres extraños. Para esto sirve la herramienta:

• Para crear peticiones eficaces conectándote a una API (API routing).
• Al redireccionar hacia un nuevo sitio mediante un parámetro de URL.
• Diagnosticando un enlace roto desde cURL en tu terminal.
• Al pre-rellenar datos vía web (enviar mensajes mediante la URL de WhatsApp).
• Enmascarar correos electrónicos o texto largo.
• Atributos HREF forzados para HTML en el frontend de un proyecto React o Vue.
• Entender cómo las UTMs mandan la información gracias a nuestro analizador.

Tabla de los Caracteres Codificados

Estos son los símbolos conflictivos del día a día:

Cómo hacerlo en Python, JS o PHP

Depender de una app está bien, pero en tus aplicaciones usarás código nativo:

En Javascript (JS)

// Encode a query parameter value
const param = encodeURIComponent("hello world & goodbye");
// → "hello%20world%20%26%20goodbye"

// Encode a full URL (preserves URL structure)
const url = encodeURI("https://example.com/search?q=hello world");
// → "https://example.com/search?q=hello%20world"

// Decode a percent-encoded string
const decoded = decodeURIComponent("hello%20world%20%26%20goodbye");
// → "hello world & goodbye"

Dentro de scripts Python

from urllib.parse import quote, quote_plus, unquote, urlencode

quote("hello world & goodbye")
# → "hello%20world%20%26%20goodbye"

quote_plus("hello world & goodbye")
# → "hello+world+%26+goodbye"

urlencode({"q": "hello world", "lang": "en"})
# → "q=hello+world&lang=en"

unquote("hello%20world%20%26%20goodbye")
# → "hello world & goodbye"

Backend PHP

urlencode("hello world & goodbye");
// → "hello+world+%26+goodbye"

rawurlencode("hello world & goodbye");
// → "hello%20world%20%26%20goodbye"

urldecode("hello+world+%26+goodbye");
// → "hello world & goodbye"

rawurldecode("hello%20world%20%26%20goodbye");
// → "hello world & goodbye"

Puntos Clave Exclusivos

• Todo reacciona al instante exacto que tocas una tecla.
• Doble mecanismo (rígido y flexible para parámetros).
• Descuartizador web (Analizador) muy útil si eres programador.
• Indicadores visuales de compresión de tamaño y cambios lógicos.
• Botón para llenar de datos y hacer una pequeña prueba.
• Inversiones rápidas copiando lo codificado a decodificar con un clic de Swapping.
• Diccionario visual para entender al vuelo el código.
• Se adapta desde la super pantalla de tu pc gaming hasta tu pequeño smartphone de noche.
• Sigue la filosofía EveryTool: Ni te pedimos la tarjeta, ni te molestamos con banners rotatorios engañosos.