Encoder
Encode full URLs, query values, and redirect targets or decode copied percent-encoded strings with a clearer workflow around component mode, full URL mode, and space handling.
Quick rule
Use component mode for individual parameter values and full URL mode when you want to preserve URL structure characters like slashes and question marks.
Examples
Load a component sample or a full URL sample based on the current mode selection, or clear the editor first.
Paste the text, parameter value, or URL you want to encode.
The converted result updates instantly so you can compare safe URL output or readable decoded text.
Current action
Encode
Current mode
Component
Output length
0
How to Use This URL Encoder
Use it as a quick URL workbench: paste the source text, choose the correct mode, confirm how spaces should be handled, then copy the output into your request, redirect, or app flow.
Paste the text, URL, or parameter value
Start with a full URL, a query value, redirect target, copied log string, or any text that needs percent-encoding.
Pick the right encoding mode
Use component mode for query values and user input, or full URL mode when you want to preserve URL structure characters like `/`, `?`, and `&`.
Enable form-style spaces when needed
Switch on `+` for spaces when you are preparing values for form-style query handling or `application/x-www-form-urlencoded` workflows.
Review and copy the result
Use the converted output directly in requests, redirects, logs, debugging, or app configuration without re-encoding by hand.
When This Tool Is Most Useful
URL encoding is most useful when user input, copied URLs, query values, or redirect data need to move safely through a request or become readable again during debugging.
API requests and query parameters
Encode user input, filter values, and redirect targets before sending them through URLs and query strings.
Debugging copied request data
Decode encoded strings from logs, browser consoles, redirects, or captured requests so the original values are readable again.
Full URL preparation
Encode complete URLs while preserving structural characters when you need to share or transform link values safely.
Redirects and link building
Build callback URLs, search links, and encoded destinations without breaking spaces, symbols, or non-English characters.
FAQs
When should I use encodeURIComponent instead of encodeURI?
Use encodeURIComponent for individual parameter values or text fragments. Use encodeURI only when you are encoding a full URL and want to preserve structural characters.What does the plus-for-space option do?
It converts spaces to `+` instead of `%20`, which is useful for form-style query encoding and `application/x-www-form-urlencoded` style workflows.Can this decode copied percent-encoded strings from logs or URLs?
Yes. Switch to decode mode and the tool will turn encoded sequences back into readable text when the input is valid.Does this run locally?
Yes. Encoding and decoding happen in your browser, so your text and URLs are not sent to another service.