What is the difference between encodeURI and encodeURIComponent?

encodeURI preserves protocol and domain slashes (: / ? #), while encodeURIComponent encodes every reserved character, which is required for query parameter values.

Back to Vault

Blog

Dev 100% Client-Side Privacy

URL Encoder/Decoder

Safely escape query parameters and URLs using standard URL encoding/decoding.

URL Encoder/Decoder

Safely format URLs and query string parameters for web transit.

Raw URL Input

Upload

Encoded Output

Key Features

Encode URLs and query strings safely into percent-encoded ASCII

Decode percent-encoded strings back to standard characters

Handles special symbols, emojis, and multilingual UTF-8 characters

Instant copy and one-click clear options

How to Use the URL Encoder/Decoder

Paste your raw URL or parameter into the input area.

Select Encode or Decode mode to transform the text.

Copy the sanitized URL string for use in API requests or web links.

Examples

URL Percent Encoding

Replaces spaces and reserved characters with %20, %26, etc.

Input / Scenario:

https://example.com/search?q=developer tools & utils

Output:

https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Ddeveloper%20tools%20%26%20utils

Why URL Percent-Encoding is Required

Uniform Resource Identifiers (URIs) only permit a specific set of standard ASCII characters. Reserved characters (such as ?, &, =, /) have structural meaning in URLs, while non-ASCII characters must be percent-encoded to prevent malformed requests across web servers and HTTP proxies.