URL Encode and Decode

Type or paste into either field and the other updates. Text is encoded as UTF-8, so accented letters and emoji become %XX sequences. Mode picks the rules: Component escapes everything except A-Z a-z 0-9 - _ . ~ ! ' ( ) *, Whole URL also keeps ; , / ? : @ & = + $ # so a full address stays usable, and Form follows application/x-www-form-urlencoded, where a space becomes +. Strict RFC 3986 additionally escapes ! ' ( ) *.

When Text holds an absolute URL such as https://user@example.com:8080/a?x=1#top, a breakdown appears under the fields: scheme, username, password (hidden until you press Show), host, port, path, fragment, and every query parameter as a decoded key and value with its own Copy button. Repeated keys and empty values each get a row.

Example

Mode Component, Text field: Zoë & Co/50%

Zo%C3%AB%20%26%20Co%2F50%25

ë is two UTF-8 bytes (%C3%AB), and the space, &, / and % are escaped because they would otherwise be read as URL syntax. In Form mode the same text gives Zo%C3%AB+%26+Co%2F50%25.

Encode URLs in code

encodeURIComponent("Zoë & Co/50%");
// "Zo%C3%AB%20%26%20Co%2F50%25"

new URLSearchParams({ q: "Zoë & Co/50%" }).toString();
// "q=Zo%C3%AB+%26+Co%2F50%25"

from urllib.parse import quote, quote_plus, urlencode

quote("Zoë & Co/50%", safe="")
# 'Zo%C3%AB%20%26%20Co%2F50%25'
quote_plus("Zoë & Co/50%")
# 'Zo%C3%AB+%26+Co%2F50%25'
urlencode({"q": "Zoë & Co/50%"})
# 'q=Zo%C3%AB+%26+Co%2F50%25'

Limitations

• Each field is limited to 1 MB (1,000,000 UTF-8 bytes). Inputs over 100,000 characters convert shortly after you stop typing.
• Decoding fails at a % not followed by two hex digits (write %25 for a literal percent) and at invalid UTF-8. The error gives the position and the other field keeps its previous value. Text with a lone surrogate cannot be encoded.
• Form mode keeps line breaks as typed; a browser form submit would turn them into CRLF.
• Whole URL mode always escapes [ and ], so an IPv6 host gets encoded. Decoding there leaves escapes for ; / ? : @ & = + $ , # as written.
• The breakdown needs scheme://...; mailto: gets none. Parameters cannot be edited and punycode is not converted back.

FAQ