URL Encoder / Decoder
Encode, decode, parse & build URLs entirely in your browser.
Query String Builder
Common Encodings Reference
| Character | Encoded | encodeURI | encodeURIComponent |
|---|---|---|---|
| (space) | %20 | preserved | encoded |
| ! | %21 | preserved | encoded |
| # | %23 | preserved | encoded |
| $ | %24 | preserved | encoded |
| & | %26 | preserved | encoded |
| + | %2B | preserved | encoded |
| / | %2F | preserved | encoded |
| : | %3A | preserved | encoded |
| = | %3D | preserved | encoded |
| ? | %3F | preserved | encoded |
| @ | %40 | preserved | encoded |
Frequently Asked Questions
Common questions about URL Encoder
encodeURI encodes a complete URL, preserving characters like :, /, ?, #, and & that have meaning in URLs. encodeURIComponent encodes everything including those characters — use it for encoding individual query parameter values.
Paste your text containing special characters (spaces, &, =, etc.) and click Encode. Each special character is replaced with its percent-encoded equivalent (e.g., space becomes %20). Use encodeURIComponent mode for query parameter values.
Paste the encoded URL (containing %20, %3D, etc.) and click Decode. The tool converts all percent-encoded characters back to their original form, making the URL human-readable.
Yes. Paste any URL and the parser breaks it into protocol, hostname, port, pathname, query parameters (as individual key-value pairs), and fragment/hash. This is useful for debugging API URLs or understanding complex redirect URLs.