Codificador y Decodificador de URL
Codifica y decodifica URLs, query strings y caracteres especiales.
O resultado aparecerá aqui
Digite algo no campo de entrada
encodeURIComponent
Codifica todos os caracteres especiais, incluindo / ? : @ & = + $ #
Use para: valores de query params, fragmentos de URL
encodeURI
Preserva caracteres válidos em URLs: / ? : @ & = + $ #
Use para: URLs completas que já têm estrutura válida
encodeURIComponent vs encodeURI — cuál necesitas realmente
Usa encodeURIComponent para valores dentro de parámetros de query — codifica caracteres como /, ?, &, = y # que tienen significado estructural en URLs. Usa encodeURI solo para codificar una URL completa donde esos caracteres estructurales deben preservarse.
Si construyes una URL de redirección como /redirect?next=/dashboard?tab=settings, la URL interna debe codificarse con encodeURIComponent — de lo contrario el parser externo divide en el ? y = internos y rompe la redirección. encodeURI es para cuando tienes una URL completa con estructura conocida y solo quieres manejar caracteres no-ASCII como espacios o letras acentuadas.
Cuándo Base64 es la opción correcta para transmisión de datos por URL
Base64 no es codificación de URL — es codificación de binario a texto. Úsalo cuando necesites transmitir datos binarios, cadenas arbitrarias u objetos JSON por un parámetro de URL sin preocuparte por el escaping de caracteres.
Un patrón común: codifica un token JSON o un ID binario en Base64 para usar en un parámetro de URL y decodifícalo en el servidor. Base64 usa +, / y = que no son seguros para URL — para parámetros de URL, usa codificación Base64url (que reemplaza + por - y / por _) o codifica la cadena Base64 en URL después. Esta herramienta hace la codificación; verifica que la salida funcione en tu contexto de destino.
Caracteres especiales que rompen URLs — y exactamente cómo se codifican
El espacio se convierte en %20 (o + en codificación de formulario), & en %26, = en %3D, ? en %3F, / en %2F, @ en %40, # en %23. Se codifican con percent-encoding como valores hexadecimales de sus bytes ASCII.
Los caracteres que causan más problemas de URL son los delimitadores estructurales: &, =, ? y # tienen roles específicos en la sintaxis de URL. Si el valor de un parámetro de query contiene cualquiera de estos, debe codificarse o el parser de URL interpretará la estructura de forma incorrecta. El percent-encoding reemplaza cada byte por %XX donde XX es el valor hexadecimal en mayúsculas. Eso es lo que hace encodeURIComponent para todo carácter excepto letras, dígitos, -, _, . y ~.
Codificar parámetros de URL al construir solicitudes de API y URLs de webhook
Al construir solicitudes de API programáticamente, siempre codifica los valores de los parámetros con encodeURIComponent antes de concatenarlos en la cadena de URL — incluso si el valor 'parece seguro'. Las cadenas con entrada del usuario casi siempre contienen caracteres que rompen el parsing de URL.
Un bug común: el usuario ingresa una dirección de email con signo + (común en alias de Gmail como [email protected]). Si lo concatenas directamente en la query string, el + es interpretado como espacio por muchos parsers de URL. Siempre codifica. Para URLs de webhook que incluyen URLs de callback como parámetros, frecuentemente se requiere doble codificación: codifica primero la URL de callback, luego codifica el resultado como valor de parámetro.