URL Encoder & Decoder
Encode special characters for URL compliance or decode percent-encoded strings back to human-readable text. Breakdown query strings into key-value pairs instantly.
Mode:
0 chars
0 chars
Malformed URI sequence provided for decoding.
Query Parameters Breakdown:
| Parameter Key | Decoded Value |
|---|---|
| No query string parameters detected. | |
Common Percent-Encoding Reference
| Character | Name / Description | Percent-Encoded |
|---|---|---|
[space] | Space | %20 or + |
! | Exclamation Mark | %21 |
" | Double Quote | %22 |
# | Hash / Fragment | %23 |
$ | Dollar Sign | %24 |
& | Ampersand | %26 |
' | Single Quote | %27 |
+ | Plus Sign | %2B |
/ | Forward Slash | %2F |
? | Question Mark | %3F |
How to use URL Encoder & Decoder
- Enter or paste the values requested in the input fields.
- Choose any options provided, then run an action button if the tool requires one.
- Review the result and copy or adjust it as needed.
URL Encoder & Decoder features
- Available tool controls: Swap Input/Output, Encode URL, Decode Percent-Encoding.
- Input and option fields: encodeURIComponent, encodeURI.
Using URL Encoder & Decoder in a development workflow
Test the output in the browser or service that will consume it; a string that looks right in isolation can behave differently in a real page.
Use a real page or request as a sample
- Compare the result with the live page or request; pay attention to escaping, redirects, and the final URL.
- Pay attention to these page fields: encodeURIComponent, encodeURI. Confirm which fields are inputs, options, or output areas before processing.
- The page exposes these relevant actions: Swap Input/Output, Encode URL, Decode Percent-Encoding. Choose only the action that matches the result you need.
- Confirm the deployed page and its response headers after applying a change. Local output alone does not verify what visitors receive.
Verify the result in its destination
Check generated markup and metadata against the actual deployed page. Validate links, escaping, canonical URLs, and platform-specific rendering before release.
Frequently Asked Questions (FAQ)
encodeURI is meant for encoding a full web address without breaking its structural reserved characters like http://, ?, &, and #.
In contrast, encodeURIComponent encodes everything except basic alphanumeric characters, making it suitable for single query string parameters.
Standard RFC 3986 specifies
%20 as the percent-encoding for spaces in URIs. However, HTML form submissions using application/x-www-form-urlencoded historically represent spaces as + signs within query strings.