URL Encoder
Percent-encode a value for use in a URL path, query or form body.
Nothing encoded yet
Paste a value to see it encoded for each context — query parameter, full URL and form body — side by side.
Runs entirely in your browser. Your data isn't uploaded — this page makes no network request with anything you type, which you can verify in your browser's network tab. How this works.
What is the URL Encoder?
Percent-encoding replaces characters that have structural meaning in a URL with a %XX sequence, so a value can be carried safely inside a path, a query string or a form body. The catch is that the correct rules differ by position — the same string needs different treatment in a path segment and a query parameter.
This tool exposes those contexts explicitly instead of making you guess, so you can see how one value encodes for each destination.
How to use it
- Paste the value you want to encode.
- Choose the context: query parameter, path segment, full URI or form body.
- Press Encode (or Ctrl/Cmd + Enter).
- Copy the encoded value into your URL.
Example
The same value encoded for three different contexts.
filter=status:open & assignee=me
component filter%3Dstatus%3Aopen%20%26%20assignee%3Dme full URI filter=status:open%20&%20assignee=me form filter%3Dstatus%3Aopen+%26+assignee%3Dme
Features
- Component mode (encodeURIComponent) for parameters and path segments
- Full-URI mode (encodeURI) that preserves reserved structural characters
- Form mode, which encodes spaces as + for application/x-www-form-urlencoded
- Optional strict RFC 3986 mode, which also encodes ! ' ( ) *
- Side-by-side comparison of every mode for the same input