convertersFrontend

URL Encoder & Decoder

Encode and decode URL-encoded strings instantly. Components and full URLs. Free, no signup.

Open the toolBuild your ownStateless tool. Works instantly, nothing saved.
url-encoder.genmb.comOpen in new tab

Encode and decode URL-encoded strings with toggles for component-mode (encodeURIComponent) versus full URI (encodeURI). Highlights every encoded character so you can see exactly what changed.

When to use it

  • 1Building or debugging URLs that contain special characters or non-ASCII text.
  • 2Pasting a URL into code that needs the encoded form, or vice versa.
  • 3Inspecting deep links from emails or analytics platforms.

How it works

  1. 1

    Paste your input

    Drop a URL or component string into either textarea. The other side updates as you type.

  2. 2

    Pick the encoding mode

    Component mode encodes everything that is not URL-safe, including slashes. URI mode leaves the URL structure intact.

  3. 3

    Copy the result

    Each box has a copy button. Use the swap button to flip directions without retyping.

Frequently asked

What is the difference between encodeURI and encodeURIComponent?

encodeURI preserves URL structure characters (/, ?, #, etc.). encodeURIComponent encodes everything that is not a basic alphanumeric or unreserved character.

Does it handle non-ASCII characters?

Yes. Unicode characters are encoded as their UTF-8 byte representation in percent-encoded form.

Want a tool just like this, but yours?

Every tool on this page was generated by GenMB from a single prompt. Describe yours and ship it to your own subdomain in minutes.

Build with GenMB

Related tools