Percent-encode text or a URL value.
URL encoding (percent-encoding) replaces characters that are not safe inside a URL — spaces, ampersands, question marks, non-ASCII characters — with a % followed by their hex code, so the URL can be transmitted without ambiguity.
This is essential when you are building a query string by hand and a value might contain characters that would otherwise break the URL structure, such as an "&" inside a search term or a space in a file name. Decoding reverses the process, turning a percent-encoded string back into readable text.
The tool uses JavaScript’s encodeURIComponent and decodeURIComponent, which encode a broader set of characters than encodeURI — the right choice for individual query parameter values rather than a full URL.
encodeURIComponent escapes more characters and is meant for individual values (like a query parameter), while encodeURI is meant for a full URL and leaves characters like / and : untouched. This tool uses encodeURIComponent.
%20 is standard percent-encoding for a space. A + is a separate convention used specifically inside application/x-www-form-urlencoded query strings — this tool outputs %20.
You can, but encodeURIComponent will also escape the slashes and colon, breaking the URL structure. Encode only the value you are inserting into a query string, not the whole URL.