URL encode / decode

percent-encode & decode URL strings · whole URL vs. component mode

Round-trip URLs and query components without breaking on %20, +, #, &, or Unicode. Toggle between encodeURI (whole URL — leaves :/?#&= alone) and encodeURIComponent (every reserved char escaped — for values you stuff into a parameter).

How to use

1. Paste your URL or the value you want to encode into the top box.
2. Pick Mode — Encode turns characters into %XX, Decode turns them back. The default auto-detects: if the input contains %XX, decode; otherwise encode.
3. Pick Component — Whole URL if you have a full URL and want to keep :/?#&= intact; Component if you have a parameter value that may itself contain & or =.
4. Output appears live. Copy copies it; Swap moves the output into the input so you can chain encode → decode.

When to use which mode

• Whole URL + Encode: you have https://example.com/file with spaces?q=hello world and want a URL that browsers will accept. encodeURI escapes the spaces but leaves the structural :/?=& alone.
• Component + Encode: you have one parameter value (say a JSON blob, a URL, or a string that contains &). You need every reserved char escaped or it'll merge into the surrounding query string.
• Whole URL + Decode: you have a URL where unsafe chars are percent-encoded and want to see what it really points to.
• Component + Decode: you have just the value of one query parameter and want it back to plain text.

FAQ