Runs locally in your browser
URL Encoder
Percent-encode query values and path segments with encodeURIComponent. Spaces become %20. Encoding stays in your browser.
Paste a search term, a callback URL, or a path piece that contains spaces and reserved characters. This encoder is for components, not whole-page slugs.
encodeURIComponent runs in this tab so query strings are built without a round trip.
How to use
- Paste the raw value.
- Encode.
- Copy the percent-encoded string into a query or path.
How it works
Reserved characters such as ampersand, equals, plus, and slash become percent sequences so they do not split a query.
This is not slug generation. Hyphenated lowercase titles belong on the slug tool. It is also not Base64.
Examples
Search query
blue & red? becomes blue%20%26%20red%3F so the ampersand does not start a second parameter.
Redirect param
https://example.com/a b encodes so a callback URL can sit safely inside ?next=
FAQ
Why is space %20 and not plus?
encodeURIComponent uses %20. Application/x-www-form-urlencoded often uses plus. This tool follows the component encoder.
Should I encode a whole URL?
Encode the parts you insert. Encoding an entire URL twice will break the scheme and host.
Is this the same as a slug?
No. Slugs strip accents and join with hyphens. URL encoding keeps meaning with percent sequences.
Does encoding happen on a server?
No. It is client-side in this tab.
Related tools
- URL DecoderDecode percent-encoded URLs and query strings back to readable text. Invalid sequences are flagged without a network call.
- Slug GeneratorTurn a page title into a URL slug: lowercase, accents stripped, words joined with hyphens. The conversion stays in your browser.
- Base64 EncoderEncode UTF-8 text to Base64 for data URIs, headers, and embeds. Encoding uses the Web APIs in this tab, with no server hop.
- JSON FormatterPretty-print JSON with a chosen indent so API payloads are readable. Formatting runs in your browser and never leaves this tab.
- UUID GeneratorGenerate UUID version 4 values with the Web Crypto API. Create up to 500 identifiers at once, then copy or download the list.