Ideambox
All tools
TOOL IDB-SWE-021
URL codec

Desktop only

Engineering tools are available only on desktop screens.

URL encoder & decoder

Percent-encode and decode URL components, plus a full URL parser that breaks down scheme, host, path, query, and fragment with proper decoding.

URL anatomy scheme://host:port/path?query#frag
reserved chars to encode in component scope: : / ? # [ ] @ ! $ & ' ( ) * + , ; =
Engineering notes

encodeURI vs encodeURIComponent

  • encodeURI: preserves : / ? # & = + $ , — for entire URLs.
  • encodeURIComponent: encodes everything reserved — for query values, form data.
  • x-www-form-urlencoded: same as URIComponent but spaces become +.

Result

Live