Skip to content
XUtilHub

URL Encode & Decode Online – Percent-Encoding

Percent-encode text for URLs and query strings, or decode %20-style URLs back to text. Component, full-URL and form encoding modes.

  • Free, no sign-up
  • Runs in your browser, nothing uploaded
Input
Output

About the URL Encoder / Decoder

Encode text for safe use in URLs and query strings (percent-encoding), or decode encoded URLs back into readable text. Choose component, full-URL or form (+ for spaces) encoding.

Key features

  • Percent-encode text for query strings and URL paths
  • Encode a full URL while keeping : / ? & = intact
  • Form encoding with + for spaces
  • Decode %XX sequences and + back to text
  • Full UTF-8 support for accents and emoji
  • Clear error for broken encodings

Make text safe for URLs

URLs can only contain a limited set of characters. Spaces, accents, &, ?, # and other symbols in a value must be percent-encoded, or they break the URL or change its meaning.

Encoding modes compared

Input: café & crème/2026?

ModeOutputUse for
Componentcaf%C3%A9%20%26%20cr%C3%A8me%2F2026%3FQuery parameter values, path segments
Full URLcaf%C3%A9%20&%20cr%C3%A8me/2026?Whole URLs (keeps / ? & =)
Formcaf%C3%A9+%26+cr%C3%A8me%2F2026%3FHTML form bodies

Characters and their codes

CharacterEncoded
Space%20 (or + in forms)
&%26
=%3D
?%3F
/%2F
#%23
%%25
+%2B
é%C3%A9

Unreserved characters, A–Z a–z 0–9 - _ . ~, never need encoding.

Common mistakes

  1. Encoding the whole URL as a component: https:// becomes https%3A%2F%2F and stops working as a link.
  2. Not encoding & in a value: ?q=salt & pepper splits into two parameters.
  3. Double encoding: %20 becomes %2520. Decode first if you're not sure.

Encode values inside JSON with JSON URL Encode, or make clean URLs with the Slug Generator.

How to use the URL Encoder / Decoder

  1. Type or paste your text into the input box.
  2. Choose the options you want.
  3. The result updates instantly as you type.
  4. Copy the output or download it as a .txt file.

Frequently asked questions

What is URL encoding?

Also called percent-encoding, it replaces characters that aren't allowed in URLs with % followed by two hex digits. A space becomes %20 and é becomes %C3%A9 (its two UTF-8 bytes).

Which mode should I use?

Use 'Encode component' for a single value, such as a search term or parameter. Use 'Encode full URL' only for a complete address you want to make safe while keeping its structure.

%20 or + for spaces?

%20 is valid everywhere. + means a space only in query strings submitted as HTML form data (application/x-www-form-urlencoded).

Why does decoding fail?

A % must be followed by two hex digits that form valid UTF-8. A lone % or a truncated sequence like %E2%82 can't be decoded.

Is my text sent anywhere?

No. All text tools run locally in your browser.

Do these tools support Unicode?

Yes. They handle Unicode text, including emoji and accented characters.

Last updated:

Related Text tools