AlpaKit Logo AlpaKit

Codificador y Decodificador URL

Codifica y decodifica direcciones URL y parámetros con encodeURI o encodeURIComponent.

Conserva : / ? & = # tal cual; ideal para un enlace completo

Desglose de la URL
Protocolo https:
Host example.com
Ruta /搜尋
Parámetro q → 網址 編碼
Parámetro lang → zh-TW
Ancla (#) —

Cómo usar esta herramienta

  1. 1 Abre Codificador y Decodificador URL e introduce, pega o selecciona el contenido que quieras procesar.
  2. 2 Ajusta las opciones y el formato de salida según tu tarea.
  3. 3 Revisa el resultado y copia o descarga la salida disponible.

Usos habituales

Codifica y decodifica direcciones URL y parámetros con encodeURI o encodeURIComponent. Úsala para trabajo diario, desarrollo, aprendizaje o comprobaciones rápidas.

Privacidad y tratamiento de datos

Esta herramienta funciona en tu navegador. Antes de usar datos sensibles, comprueba que confías en tu dispositivo y navegador.

Codificación porcentual de URL: encodeURI frente a encodeURIComponent

Según el estándar RFC 3986, las direcciones URI solo admiten directamente caracteres ASCII alfanuméricos y algunos símbolos reservados. Los caracteres no ASCII (como acentos o caracteres asiáticos), espacios y símbolos especiales se convierten en bytes UTF-8 representados con % seguido de dos dígitos hexadecimales (por ejemplo, "你" se codifica como %E4%BD%A0).

Existen dos alcances de conversión: "URL completa (encodeURI)" conserva delimitadores estructurales como :, /, ?, #, & y =, ideal para codificar una dirección completa. "Componente de URL (encodeURIComponent)" escapa también esos delimitadores, por lo que debe usarse en valores individuales de parámetros clave=valor.

En los formularios web (application/x-www-form-urlencoded), los espacios suelen representarse con el signo +. Al activar "Tratar + como espacio" en modo Decodificar, los signos + literales pasan a ser espacios antes de decodificar, mientras que %2B se mantiene como +.

Preguntas frecuentes

¿Cuándo debo elegir encodeURI y cuándo encodeURIComponent?

Elija encodeURI cuando tenga una URL completa que empiece por https:// y necesite conservar :, /, ?, & y =. Elija encodeURIComponent cuando codifique el valor de un parámetro de consulta (como un término de búsqueda o una URL dentro de ?redirect=...).

¿Por qué aparece un error de formato porcentual al decodificar?

Cada signo % debe ir seguido de dos dígitos hexadecimales válidos (0-9, A-F) y formar una secuencia UTF-8 completa. Si hay un % suelto o una secuencia truncada como %E4%BD, la decodificación falla e indica la posición aproximada del carácter.

¿Cuál es la diferencia entre + y %20 en una URL?

El estándar RFC 3986 codifica los espacios como %20, mientras que las cadenas de consulta de formularios HTML (application/x-www-form-urlencoded) sustituyen los espacios por +. Active la casilla "Tratar + como espacio" para restaurar espacios en parámetros de formulario.

¿Al decodificar también se convierten %2F, %3A y secuencias similares?

Sí. El modo de decodificación siempre hace una decodificación completa (equivalente a decodeURIComponent), así que %3A, %2F, %3F, %26 y %3D vuelven a ser :, /, ?, & y =. Por ejemplo, https%3A%2F%2Falpakit.dev%2Fa%3Fx%3D%E5%BF%AB se decodifica como https://alpakit.dev/a?x=快. Solo al codificar hay que elegir entre URL completa y Componente de URL.

Ver esta categoría: Desarrollo y código

Herramientas sugeridas y recientes
    ↑ ↓ Navegar ↵ Abrir ESC Cerrar
    咩~
    Alpa Idle Alpa Walk 1 Alpa Walk 2 Alpa Walk 3 Alpa Walk 4 Alpa Dizzy Alpa Sleep