URL Encoder

Key features

• Four modes in one tab bar: Encode component, Decode component, Encode full URL, Decode full URL.
• Component mode escapes every reserved character (=, &, ?, /, +…) — the right choice for query-parameter values.
• Full-URL mode keeps structural characters like /, ?, & and # intact so a complete link stays a working link.
• Three example chips (a search URL, accented text, a form pair) load real inputs to learn from.
• Malformed escapes raise a visible URIError with the browser's message instead of failing quietly.
• Live output with a mode badge, character count and Copy button.

How it works

1. 1

   Choose the right mode

   Use the tab bar: component modes for fragments like query values; full-URL modes when you're encoding a complete link that must keep its separators.

2. 2

   Paste your text or URL

   Drop the input on the left, or click one of the Try example chips to load a realistic case.

3. 3

   Read the live result

   The converted string appears on the right with a badge reminding you which mode ran and how long the output is.

4. 4

   Copy it into your link

   Copy the output and paste it wherever the encoded string belongs — an href, an API call, or an analytics tag.

Tips for better results

• 💡Encoding each query value individually with component mode is the safe pattern — encoding a whole URL with it would escape the & and = you need.
• 💡Spaces become %20 here. The '+' you sometimes see for spaces is a form-encoding convention, not URI encoding.
• 💡Decoding fails on a bare % that isn't part of a valid two-digit escape — the URIError banner will say so.
• 💡Round-trip test tricky strings: encode, switch to the matching decode mode, and confirm you recover the original.

Frequently asked questions