🌐 URL Encode/Decode (Full)

Full URL encoding with encodeURI, encodeURIComponent, and decode options. All encoding types.

Input

Output

About the URL Encode/Decode tool

This tool gives you all four standard JavaScript URL functions in one place: encodeURI, encodeURIComponent, decodeURI, and decodeURIComponent. Pick the operation you need and the result appears in the output box. Everything runs locally in your browser.

The four functions, explained

encodeURI — Encodes a complete URL but leaves reserved characters (: / ? # [ ] @ ! $ & ' ( ) * + , ; =) untouched. Use this when your input is already a full URL.
encodeURIComponent — Encodes a single URL component (e.g. a query parameter value). Escapes every reserved character so the result is safe to drop into a URL.
decodeURI — Reverses encodeURI. Only decodes sequences that encodeURI would have produced.
decodeURIComponent — Reverses encodeURIComponent. Decodes any percent-encoded sequence in the input.

Frequently asked questions

Which one should I use? If you have a complete URL, use encodeURI. If you have a fragment that will become a query parameter, path segment, or hash value, use encodeURIComponent.

What about percent-encoding arbitrary bytes? This tool uses the standard JavaScript functions which encode UTF-8 code points. For raw byte percent-encoding, use a Base85 / Base64 tool instead.

Will malformed input throw an error? Decoding malformed percent sequences (such as %ZZ) will throw. The tool catches the error and shows a toast so you can fix the input.