Two panes like Base64: Encode runs encodeURIComponent on the left text; Decode replaces + with spaces then decodeURIComponent. This is component encodingโnot encodeURI for an entire URL with slashes intact.
Component vs full URL
Encode a query value (everything after =), not the whole URL with https:// unless you intend to escape slashes and colons. For debugging a copied link, decode once, inspect, then encode only the parameter that changed.
Double-encoding trap
Running Encode twice turns %20 into %2520. If Decode throws, the string may already be plain text or use an invalid escape.
Processing
JavaScript only in the tab.
URL encoding questions
What is URL encoding?
URL encoding converts characters into URL-safe sequences so reserved, unsafe, or non-ASCII text can be used in a web address.
Is URI encoding the same thing?
People often say URI and URL interchangeably here. This tool percent-encodes and decodes using JavaScript encodeURIComponent / decodeURIComponent on the text you paste.
What is percent encoding?
Percent encoding represents a character using a percent sign followed by hexadecimal digits, such as %20 for a space.
How do I decode a URL?
Paste the encoded text into the input area and click Decode to convert percent-encoded sequences back into readable text when valid.
Why are spaces represented differently?
In percent encoding a space is often %20. In form-style query strings, plus signs can also represent spaces, and this decoder normalizes plus signs to spaces before decoding.
What is URL component encoding?
URL component encoding is for individual pieces such as query values or path segments. It encodes characters that would otherwise have structural meaning in a full URL.
What is double encoding?
Double encoding happens when already encoded text is encoded again, turning values such as %20 into %2520 and causing confusing URLs.
Related Developer
If you need a neighbouring step in the same workflow, these pages are the closest match: Base64 Encoder, QR Code Generator, JSON Formatter. Browse the full Developer set or the all tools hub.