Codificar URL online | Percent-encoding | Awesome Toolkit

Codificador / Decodificador URL

Codifica y decodifica URLs (percent-encoding). Modos encodeURI y encodeURIComponent. Procesamiento instantáneo.

Por Marshkalk

Dirección
Modo

Cómo usar el codificador / decodificador URL

  1. Elige Codificar o Decodificar y selecciona el modo.
  2. Pega tu texto o URL en el panel izquierdo y haz clic en Codificar / Decodificar.
  3. Haz clic en Copiar para copiar el resultado al portapapeles.

¿Qué es el percent-encoding?

Las URL solo pueden contener un conjunto limitado de caracteres ASCII. Cualquier carácter fuera de ese conjunto, letras acentuadas, espacios, símbolos, debe codificarse como un signo de porcentaje seguido de dos dígitos hexadecimales: un espacio se convierte en %20, una é en %C3%A9, un @ en %40.

encodeURIComponent vs encodeURI

encodeURIComponent codifica todo excepto los caracteres no reservados (A-Z a-z 0-9 - _ . !). Úsalo para valores individuales que se colocarán dentro de una URL, parámetros de consulta, segmentos de ruta. Codifica &, =, +, /, ? y #.

encodeURI deja intactos los caracteres estructurales (: / ? # [ ] @ ! $ & ' ( ) * + , ; =). Úsalo para una URL completa ya bien formada donde solo necesitas manejar caracteres no ASCII o espacios.

¿Cuándo codificar manualmente?

  • Construir cadenas de consulta: codifica siempre los valores de los parámetros: ?q=encodeURIComponent(entrada)
  • Incrustar URLs en otras URLs: una URL dentro de un parámetro de consulta debe estar completamente codificada
  • Rutas no ASCII: rutas con caracteres acentuados deben codificarse
  • Decodificar respuestas de API: decodifica percent las URLs recibidas de APIs o registros de servidor antes de mostrarlas

Caracteres codificados más comunes

CarácterCodificadoCarácterCodificado
Espacio%20&%26
+%2B=%3D
/%2F?%3F
#%23@%40