offlineutils
100% offline
Developer
Free · no signup
Updated

URL Encoder / Decoder

A URL Encoder/Decoder converts text to and from percent-encoded form (also called URL encoding), making strings safe to use inside query parameters, fragments, and path segments — all processed locally in your browser.

Input
Output
Output appears here…
Component mode encodes URL reserved characters like &, =, and /.

About URL Encoder / Decoder

Choose component or full-URI mode. Component mode uses encodeURIComponent / decodeURIComponent, which encodes characters like '&', '=', and '/' that have special meaning in URLs — appropriate for individual query values. Full-URI mode uses encodeURI / decodeURI, which preserves URL structure. The tool runs on the Web platform's native URL primitives.

What URL Encoder / Decoder does

  • Encode and decode URL components with encodeURIComponent / decodeURIComponent
  • Full-URI mode using encodeURI / decodeURI that preserves URL structure
  • Toggle between '+' (form-urlencoded) and '%20' encoding for spaces
  • Side-by-side panes with live output
  • Built on the platform's native URL primitives — no library round-trip

When to reach for URL Encoder / Decoder

  • Encoding a search query before stitching it into a URL
  • Decoding a tracking parameter to see the actual value
  • Spotting double-encoded values that need a second decode pass
  • Building a deep link with reserved characters in the query string

How to use URL Encoder / Decoder

  1. 01

    Paste your text

    Paste into the encode pane for raw text, or the decode pane for a percent-encoded string.

  2. 02

    Pick the mode

    Component mode escapes every reserved character. Full-URI mode preserves URL structure.

  3. 03

    Copy the result

    Click Copy on either pane to put the value on your clipboard.

When to use URL Encoder / Decoder vs alternatives

AlternativeUse URL Encoder / Decoder when…Use the alternative when…
encodeURIComponent in a browser consoleyou want a UI with mode toggle and decode round-trip without opening DevTools.you are already scripting and want the raw primitive.

Frequently asked questions

When should I use encodeURI vs encodeURIComponent?
Use encodeURIComponent for individual URL pieces like query-string values or path segments. Use encodeURI for an entire URL when you want to leave reserved characters like '/', ':' and '?' intact.
Why does '+' decode to a space sometimes?
The classic application/x-www-form-urlencoded format encodes spaces as '+'. Modern URI encoding uses '%20'. Switch modes if your output looks wrong — this tool exposes both behaviors.
Is URL encoding the same as Base64?
No. URL encoding only escapes the small set of characters that have special meaning in URLs. Base64 transforms binary data into an ASCII string. They solve different problems.

Related tools

URL Parser

Break any URL into its protocol, host, path and query parameters.

Base64 Encoder / Decoder

Encode text to Base64 and decode it back, all offline.

JSON Formatter

Format, validate and minify JSON entirely in your browser.