Skip to content

URL Encoder/Decoder

Percent-encode or decode text and URLs with encodeURIComponent or encodeURI, and see a table of every character that changed.

URL Encoder/Decoder

Type:
Plain text37 chars
Encoded output58 chars
q%3Dcaf%C3%A9%20au%20lait%26sort%3Dprice%20desc%26page%3D2

Encoded characters

=→%3D
é→%C3%A9
space→%20
&→%26

Updated . Provided as is. Check the output before you rely on it in production.

How to use URL Encoder/Decoder

  1. 1

    Choose Encode or Decode

    Pick whether you are encoding text for a URL or decoding a percent-encoded string.

  2. 2

    Pick Component or Full URL

    Component mode (encodeURIComponent) encodes a single query value or path segment. Full URL mode (encodeURI) keeps the URL structure such as :, /, ?, & and = intact.

  3. 3

    Paste your input

    The result updates as you type: spaces, &, = and # become %XX sequences in Component mode.

  4. 4

    Swap and copy

    Swap moves the output into the input to check the round trip, then copy the result into your code.

Questions and answers

What is URL Encoder/Decoder?
URL encoding, or percent-encoding, replaces characters that are unsafe in a URL with % and their UTF-8 byte values, so a space becomes %20. This tool encodes or decodes as you type, in component mode (encodeURIComponent) or full-URL mode (encodeURI), and lists each character it changed.
Does URL Encoder/Decoder store or send my data?
No. All processing happens entirely in your browser. Your URLs stay on your device — nothing is sent to any server.
When do I need to URL-encode strings?
URL encoding is required when passing special characters in query parameters, form data, or URL paths. Characters like spaces, ampersands, and non-ASCII characters must be percent-encoded to be valid in URLs.
For AI agents: how to call this tool

Machine-readable contract, endpoints and examples. Humans can ignore this section.

Best Path For Builders

Browser workflow

Runs instantly in the browser with private local processing and copy/export-ready output.

Browser Workflow

This tool is optimized for instant in-browser execution with local data handling. Run it here and copy/export the output directly.

/url-encoder/

For automation planning, fetch the canonical contract at /api/tool/url-encoder.json.