URL Encode Spaces to %20
Turn spaces into %20 with encodeURIComponent. See the difference between %20 and +, and encode any string online.
Part of the free URL Encoder. Runs in your browser — nothing is uploaded.
URL Encode Spaces to %20
A raw space is not legal in a URL. encodeURIComponent turns each space into %20, which is what you want in path segments and query values. The + form is only for application/x-www-form-urlencoded bodies.
Worked example: A phrase with spaces
Text
hello world from KaviForge
Encoded
hello%20world%20from%20KaviForge
Practical tip
If a server shows a literal plus in the decoded value, it expected %20 and you sent +. Switch the encoder to spaces-as-%20.
How to use this URL Encoder
- 1Use the live tool above — it runs entirely in your browser and never uploads your data.
- 2Paste the sample from the worked example, or use your own input.
- 3Copy the result, then adapt the same steps in your editor, script, or pipeline.
URL Encode Spaces to %20 FAQs
Is %20 the same as +?
They both represent a space, but in different encodings. Use %20 in URLs and + only in HTML form bodies.
Should I encode spaces in a full URL?
Encode each component. Encoding a whole URL with encodeURIComponent will also encode :, / and ?, which breaks the URL.
More URL Encoder pages
- encodeURIComponent OnlineRun encodeURIComponent in the browser. Encode query values, JSON snippets and reserved characters exactly as JavaScript does.
- URL Encode Special CharactersPercent-encode &, =, ?, # and / so they can sit safely inside a query value. Free online URL encoder.
- Encode Query String ParametersPercent-encode query parameter values before building a URL. Avoid broken requests caused by spaces, ampersands and Unicode.
- URL Encode UTF-8 and UnicodePercent-encode accents, non-Latin letters and emoji as UTF-8 bytes. See why café becomes caf%C3%A9.
- HTML Form URL Encoding (Spaces as +)Encode text the way HTML forms do: spaces become +, and other reserved characters become %HH. application/x-www-form-urlencoded.
- encodeURI vs encodeURIComponentSee the difference between encodeURI and encodeURIComponent on the same URL. Learn which one belongs in query values.
- Bulk URL EncoderURL-encode many lines at once. Paste a list of values or URLs and encode each line independently.
- Encode a URL for an API RequestPercent-encode path and query values before calling an API. Avoid 400s caused by spaces, Unicode and reserved characters.
- URL Encode & and =Encode & as %26 and = as %3D so they can appear inside a single query value without breaking the string.