URL Encoder/Decoder
Encode or decode URLs and query parameters live as you type — choose between component and full-URL encoding, with a clear message instead of a crash on malformed input.
How it works
- Pick Encode or Decode
- For encoding, choose Component (encodeURIComponent) for a query param value, or Full URL (encodeURI) to keep URL structure characters intact
- The result updates live below — no button, no toggle to find first
Frequently asked questions
What's the difference between encodeURI and encodeURIComponent?
encodeURIComponent encodes everything, including URL-structure characters like &, =, and ?, so it's safe for a single query parameter value. encodeURI leaves those structure characters alone and only encodes the rest, so it's meant for an entire URL.
What happens if I try to decode something invalid?
You get a plain-language message telling you the percent-encoding is malformed, instead of a blank screen or a raw JavaScript error.
Does this update live?
Yes, from the first keystroke — there's no separate "live mode" setting to turn on.
Related tools
From the blog
Update history
- 2026-08-30 Added: a cover image — used as the card thumbnail, social share image, and blog title image.
- 2026-08-29 Launched: live URL encode/decode (no toggle needed), encodeURI vs encodeURIComponent mode switch, graceful error message on malformed percent-encoding instead of a crash.