URL Encoder/Decoder

Scan to open this page

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

  1. Pick Encode or Decode
  2. For encoding, choose Component (encodeURIComponent) for a query param value, or Full URL (encodeURI) to keep URL structure characters intact
  3. 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.

#UrlEncoderDecoder#UrlEncodeDecodeOnlineLive#EncodeURIComponentVsEncodeURIOnlineTool#DecodeMalformedUrlSafely

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.