URL Encoder / Decoder

Percent-encoded the input using component rules.

How it works

• Replaced characters that are unsafe in a URI with %XX or %UTF-8 sequences.
• Produced the encoded value.

• Component mode encodes reserved characters such as '&' and '='; whole-URL mode preserves the URL structure.

Methodology

1. Percent-encode by replacing each byte that is not in the allowed set with %HH using uppercase hexadecimal digits.
2. Reserve the RFC 3986 gen-delims and sub-delims in whole-URL mode, and encode them in component mode.
3. Decode by validating every %HH escape before replacing it, so malformed input is rejected rather than partially decoded.

Usage

1. Choose encode or decode.
2. Choose component mode for query values, or whole-URL mode for a complete URL.
3. Paste the value and read the result.

Examples

These are examples, not current values: they use fixed inputs, while the interactive tool computes live results in your browser.

Encode a query value

{
  "mode": "encode",
  "value": "a=1&b=2",
  "component": true
}

Decode an escaped value

{
  "mode": "decode",
  "value": "caf%C3%A9",
  "component": true
}

Limitations

Why two modes exist

encodeURI and encodeURIComponent differ in which reserved characters they escape. Picking the wrong one either breaks a URL's structure or leaves a value ambiguous. Component mode is the safe default for values, which is why it is preselected.