URL Encoder and Decoder
This tool makes reserved and non-ASCII characters safe for a URL component and reverses percent-encoded text when the input represents a component.
Percent-encode or decode URL components
Use this for query values and URL components, not for blindly re-encoding a complete URL.
Processing mode: browser-only for this tool. The interface does not require a server upload to perform its transformation.
Start with a focused browser tool
This tool makes reserved and non-ASCII characters safe for a URL component and reverses percent-encoded text when the input represents a component.
Designed for: Web developers, API testers, and technical writers preparing query parameters.
How to use this tool
Paste a component such as a search phrase or query value. Encode converts it into percent-encoded text. Decode reverses valid percent escapes. Keep the scheme, host, and path separate when constructing a complete URL.
How the result is produced
The browser encodeURIComponent and decodeURIComponent functions are used because the common task is component encoding. Component encoding is different from encoding an entire URL with its separators preserved.
Test examples
Encode “red shoes & hats” to red%20shoes%20%26%20hats. Decode that value back to the original phrase. A complete URL should be handled with care because encoding its separators can change its meaning.
Limitations
The tool does not validate whether a URL exists, protect against malicious links, or normalize every possible URL form. Decode fails when percent escapes are incomplete or malformed.
Privacy and processing
The browser performs the conversion locally and the text is not uploaded for processing.
Related guide
URL encoding: components, query strings, and common mistakes
Documentation
- https://www.rfc-editor.org/rfc/rfc3986
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/decodeURIComponent
This page describes the implementation shipped with the NOFYI Tool Factory. Review the interface output before using it in a production workflow.