URL Encoder_

Percent-encode text for safe use in URLs. Runs entirely in your browser — nothing you paste here is uploaded or logged.

local://toolkit.codes/encoders-decoders/url-encoder
Encoded_Output
UTF-8
Ready
100% LOCAL

100% client-side — nothing you enter leaves your browser. Free, no signup, no tracking.

How to use

  1. 01Paste text or a URL — encoding happens live.
  2. 02Pick the mode: Component percent-encodes everything reserved (use it for query values); Whole URL keeps :/?#&= intact so an entire address stays clickable.
  3. 03Need form-style encoding? Toggle “Space as +”. Otherwise a space encodes as %20.

About URL encoding

What URL encode does — and why: URLs may only contain a limited character set, so anything else is written as percent-encoded bytes. A space becomes %20, an ampersand %26, and “é” becomes its UTF-8 bytes %C3%A9. The URL encode codes you see are simply hex byte values after a percent sign.

The classic mistake is encoding a whole URL with the component rules, which turns https:// into https%3A%2F%2F and breaks the link — that is exactly what the mode switch prevents. In JavaScript these two behaviors are encodeURIComponent and encodeURI; this page wraps the same functions and runs entirely in your browser. Decoding lives at the URL decode tool.