Skip to content
All tools

Encode

URL Encoder & Decoder

Percent-encode and decode URL components.

Full guide

Loading tool…

Free · No signup Live results Mobile-friendly

Basic

What it is & how to use it

URL encoding (percent-encoding) makes reserved characters safe in query strings and paths.

How to use the URL Encoder & Decoder

1) Paste a string or URL component.
2) Encode or decode.
3) Copy into your link or code.
4) Encode components — not always the entire URL blindly.

Intermediate

Formula & worked example

Space often becomes %20 (or + in some query formats).
Example: hello world → hello%20world.
Decode reverses percent sequences.

Advanced

Interpretation, edge cases & next steps

Double-encoding is a common bug.
Advanced: know whether your stack wants encodeURI vs encodeURIComponent semantics; UTM builders already handle campaign params.

Frequently asked questions

+ vs %20?

Both appear in the wild for spaces in queries — be consistent with your consumer.

Encode whole URL?

Usually encode components, not the scheme/host separators.

Unicode?

Percent-encoding uses UTF-8 bytes in modern stacks.

Related?

UTM builder for campaign links; Base64 for opaque payloads.

Runs where?

In your browser.

Deep guide

Read the full guide

Longer teaching, worked scenarios and mistakes — then jump back into this tool with example numbers.

Open full guide All guides

Embed this tool

Paste on your site. The iframe posts height via postMessage (type: tcb-embed-height).

<iframe src="https://tcbtools.com/tool-embed/url-encoder-decoder/" title="UTM Link Builder" style="width:100%;min-height:640px;border:0;border-radius:12px" loading="lazy"></iframe>

Open embed preview · Workflows · Compare