Herramienta para codificar / decodificar URL

Codifica URL completas, decodifica enlaces de callback y escapa valores de parámetros de consulta sin perder la estructura de la solicitud original.

Banco de trabajo de codificación / decodificación URL
Prueba un flujo real de codificación URL
¿Qué es la codificación de URL?

La codificación URL, también llamada percent-encoding, convierte espacios, caracteres Unicode y caracteres reservados en un formato seguro para el transporte. Úsala cuando una URL del navegador, un redirect_uri, un valor de consulta de API o un enlace de callback copiado deban viajar sin cambiar de significado.

Cómo funciona la codificación de URL

Usa codificación de URL completa cuando quieras mantener legibles separadores como :, /, ?, &, y = dentro de un enlace completo. Usa codificación de componente cuando un solo valor deba vivir dentro de un parámetro de consulta, un destino de redirección o una URL de callback anidada.

Casos de uso comunes
  • Codificar valores de redirect_uri, state y búsqueda antes de que una solicitud de autenticación o API salga de tu app
  • Decodificar enlaces de callback copiados desde logs, tickets de soporte o el historial del navegador
  • Construir URL de solicitud de API sin romper los separadores del endpoint base
  • Escapar direcciones de correo, URL anidadas y signos más dentro de un solo valor de consulta
  • Revisar Unicode y espacios antes de pegar una URL en documentación o código
Ejemplos
Entrada: redirect_uri=https://app.example.com/callback?next=/settings
Salida: redirect_uri=https%3A%2F%2Fapp.example.com%2Fcallback%3Fnext%3D%2Fsettings
Entrada: https://app.example.com/callback?next=%2Fsettings%3Ftab%3Dprofile
Salida: https://app.example.com/callback?next=/settings?tab=profile
Entrada: email=dev+alerts@example.com
Salida: email=dev%2Balerts%40example.com
Preguntas Frecuentes

¿Cuándo debo codificar una URL completa en vez de un solo valor de parámetro?

Codifica una URL completa cuando quieras que un enlace entero siga siendo legible y conserve separadores como ?, &, y =. Codifica solo un valor de parámetro cuando los datos deban caber dentro de un único par key=value como redirect_uri, state o una búsqueda.

¿Cuál es la diferencia entre encodeURI y encodeURIComponent?

encodeURI conserva caracteres estructurales de URL como :, /, ?, y # para un enlace completo. encodeURIComponent también escapa esos caracteres reservados, por lo que es la opción más segura para valores de parámetros de consulta, URL anidadas y destinos de callback copiados.