URL Encoder / Decoder
Encode and decode URL components for safe use in query strings and paths. Runs entirely in your browser using standard JavaScript URL encoding rules.
Note: Decoder follows
decodeURIComponent. In form-urlencoded data, + may represent space and should be converted before decoding.Plain Text / URL
Input: 0 chars
Encoded Output
Result will appear here...
Output: 0 chars
How To Use
- Select Encode to transform unsafe characters for URLs.
- Use Encode Full URI when you want to keep protocol and slashes readable.
- Switch to Decode mode to restore encoded query parameters to plain text.
Common Use Cases
- Building safe query strings for redirects and tracking links.
- Debugging broken links caused by malformed percent encoding.
- Comparing component encoding vs full URI encoding in API clients.
How To Use & FAQ
Q: What is the difference between encodeURIComponent and encodeURI?
A: encodeURIComponent escapes more characters and is safer for query values, while encodeURI keeps URL separators.
Q: Why does decode fail?
A: The input has invalid percent-encoded sequences like incomplete or corrupted hex pairs.
Q: Why is + not converted to a space?
A: decodeURIComponent does not treat + as space. For application/x-www-form-urlencoded payloads, replace + with spaces before decoding.
Related Tools