⚡All Tools 💻Dev Tools 📝Text & Writing 🎨Design & Color 🖼️Image & Media 🔢Math & Calculators 🔒Security & Crypt 📄PDF Tools 📐Unit Converters

URL Encoder & Decoder

Percent-encode or decode URLs and query parameters with encodeURI or encodeURIComponent.

Keeps : / ? & = # intact — for a whole link

Input URL or Text

Output

https://example.com/%E6%90%9C%E5%B0%8B?q=%E7%B6%B2%E5%9D%80%20%E7%B7%A8%E7%A2%BC&lang=zh-TW

URL Breakdown

Protocol	https:
Host	example.com
Path	/搜尋
Query	q → 網址編碼
Query	lang → zh-TW
Hash (#)	—

How to use this tool

1 Open URL Encoder & Decoder, then enter, paste, or choose the content you want to process.
2 Adjust the available options and output format for your task.
3 Review the instant result, then copy or download the available output.

Common use cases

Percent-encode or decode URLs and query parameters with encodeURI or encodeURIComponent. Use it for everyday work, development, learning, or quick verification.

Privacy and data handling

This tool runs in your browser. Before working with sensitive data, make sure you trust your browser and device environment.

URL Percent-Encoding, encodeURI vs. encodeURIComponent

Under RFC 3986, URIs can only contain a restricted set of ASCII characters directly. Non-ASCII characters (such as CJK characters or emoji), spaces, and reserved symbols must be converted into UTF-8 bytes and represented as % followed by two hexadecimal digits (percent-encoding). For example, the character "你" is three UTF-8 bytes and encodes to %E4%BD%A0.

Two encoding scopes serve different tasks: "Full URL (encodeURI)" preserves URI structure delimiters such as :, /, ?, #, &, and =, making it suitable for encoding an entire web address. "URL Component (encodeURIComponent)" escapes those delimiters as well, which is required when embedding a single query value or path segment.

In HTML form submissions (application/x-www-form-urlencoded), spaces are encoded as + instead of %20. Enabling "Treat + as space" in Decode mode converts literal + characters to spaces before percent-decoding while keeping %2B as a literal +.

Frequently asked questions

When should I choose encodeURI vs. encodeURIComponent?

Use encodeURI when you have a complete URL starting with https:// and want to keep :, /, ?, &, and = intact. Use encodeURIComponent when encoding an individual query parameter value (such as a search term or a callback URL passed inside ?redirect=...).