Codificador de URL Online

¿Qué es la codificación de URL?

La codificación de URL (también llamada codificación por porcentaje) es un mecanismo para codificar información en un Identificador de Recursos Uniforme (URI) de modo que solo aparezcan en la cadena final los caracteres permitidos por RFC 3986. Cualquier carácter que no sea un carácter no reservado (A–Z, a–z, 0–9, -, _, ., ~) se reemplaza por un signo de porcentaje seguido de dos dígitos hexadecimales que representan el valor del byte UTF-8 del carácter — por ejemplo, un espacio se convierte en %20 y & en %26.

La codificación por porcentaje es necesaria porque las URLs solo pueden contener un conjunto limitado de caracteres ASCII. Cuando una URL incluye caracteres fuera de este conjunto — espacios, letras Unicode, símbolos como &, = o / usados como valores literales en lugar de delimitadores estructurales — esos caracteres deben codificarse para evitar que el analizador de URL los interprete mal. Esto es especialmente crítico para los valores de cadenas de consulta, donde & o = sin codificar romperían la estructura de parámetros.

¿Por qué usar esta herramienta?

Vea instantáneamente cómo se codifica su texto en ambos modos, con una comparación en vivo lado a lado — sin necesidad de escribir código para verificar casos límite.

Cómo usar este codificador de URL en línea

Sin cuenta, sin instalación. Pega o escribe tu texto en el campo de entrada y el resultado codificado en porcentaje aparece al instante. Todo se ejecuta en tu navegador — tus datos nunca salen de tu dispositivo.

1. 1
   Pega tu texto o URL

   Ingresa cualquier cadena — el valor de un parámetro de consulta, una URL completa, un segmento de ruta o un payload JSON. El codificador lo procesa carácter por carácter según RFC 3986.
2. 2
   Elige el modo de codificación

   Selecciona encodeURIComponent para codificar valores de parámetros individuales (codifica todo excepto los caracteres no reservados). Selecciona encodeURI para codificar una URL completa preservando sus caracteres estructurales como ://?#&=.
3. 3
   Copia la salida codificada

   La cadena codificada en porcentaje aparece al instante. Haz clic en Copiar para obtener el resultado y pegarlo directamente en tu llamada a la API, acción de formulario o archivo de configuración.
4. 4
   Decodifica si es necesario

   ¿Cometiste un error o quieres verificar el resultado? Cambia a la herramienta Decodificador de URL con un solo clic para invertir la codificación.

¿Qué caracteres se codifican?

RFC 3986 divide los caracteres de URL en dos categorías: caracteres no reservados (nunca codificados) y caracteres reservados (tienen significado especial — codificados o preservados según el contexto). La tabla muestra cómo tratan los caracteres clave las dos funciones JavaScript:

encodeURIComponent vs encodeURI

JavaScript proporciona dos funciones de codificación con comportamiento muy diferente. Elegir la incorrecta es uno de los errores más comunes en el manejo de URLs:

Casos de uso comunes

Ejemplos de código

Cómo codificar cadenas URL en lenguajes y entornos populares:

// Encode a query parameter value (most common case)
encodeURIComponent('hello world & more') // → "hello%20world%20%26%20more"

// Encode a complete URL (preserves ://?#& structure)
encodeURI('https://example.com/path?q=hello world') // → "https://example.com/path?q=hello%20world"

// Build a query string safely
const params = new URLSearchParams({ q: 'hello world', lang: 'en' })
const url = `https://example.com/search?${params}` // uses + for spaces

from urllib.parse import quote, urlencode, quote_plus

# Encode a path segment or query value
quote('hello world & more')          # → 'hello%20world%20%26%20more'

# Encode for application/x-www-form-urlencoded (space → +)
quote_plus('hello world')            # → 'hello+world'

# Build a query string
urlencode({'q': 'hello world', 'lang': 'en'})  # → 'q=hello+world&lang=en'

const url = new URL('https://example.com/search')
url.searchParams.set('q', 'hello world & more')
url.searchParams.set('lang', 'en')
console.log(url.toString())
// → https://example.com/search?q=hello+world+%26+more&lang=en

# curl automatically percent-encodes --data fields
curl -G "https://example.com/search" --data-urlencode "q=hello world & more"

# Manual encoding with Python one-liner
python3 -c "from urllib.parse import quote; print(quote('hello world'))"

Codificador de URL vs. alternativas

Varias herramientas pueden codificar texto en porcentaje, pero difieren en control, privacidad y contexto.

Preguntas frecuentes