URL Encoder / Decoder
Percent-encode text for safe use in URLs, or decode an encoded string back to readable text. Supports component and whole-URL encoding modes — all in your browser.
Component mode uses
encodeURIComponent — encodes everything including :/?#[]@!$&'()*+,;=. Best for query-string values and path segments.All encoding and decoding is done locally in your browser — nothing is ever sent to a server.
How it works
- Select Encode or Decode, then choose between Component and Whole URL mode.
- Paste your text or URL into the input area.
- The output updates instantly. Copy it with one click.
Frequently asked questions
- What is URL encoding?
- URL encoding (also called percent-encoding) replaces unsafe or special characters in a URL with a % followed by two hexadecimal digits. For example, a space becomes %20 and an ampersand becomes %26.
- What is the difference between Component and Whole URL mode?
- Component mode (encodeURIComponent) encodes everything except unreserved characters — it is best for encoding individual query string values or path segments. Whole URL mode (encodeURI) preserves structural URL characters like ://?#& so you can encode a full URL without breaking it.
- When should I use Component mode?
- Use Component mode when encoding a value that will be placed inside a URL — for example, a search query, a file name in a path, or any parameter value. It ensures characters like & and = that are meaningful in query strings are properly escaped.
- When should I use Whole URL mode?
- Use Whole URL mode when you have a full URL that already has valid structure but contains spaces or non-ASCII characters that need to be encoded without touching the colons, slashes, or query-string syntax.
- Is my data sent anywhere?
- No. All encoding and decoding is done entirely in your browser using the built-in JavaScript functions. Nothing is ever sent to any server.