<div class="nfaf-generated-content"><div class="nfaf-visual-card" style="--nfaf-accent:#75a574"><div class="nfaf-visual-icon" aria-hidden="true"><svg viewBox="0 0 64 64" role="img"><circle cx="32" cy="32" r="28" fill="currentColor" opacity=".12"></circle><path d="M20 34l8 8 17-19" fill="none" stroke="currentColor" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><div><strong>URL Encoder and Decoder</strong><span>Browser-first utility with visible inputs, outputs, and limitations.</span></div></div><p class="nfaf-lede">This tool makes reserved and non-ASCII characters safe for a URL component and reverses percent-encoded text when the input represents a component.</p><p><strong>Designed for:</strong> Web developers, API testers, and technical writers preparing query parameters.</p><h2>How to use this tool</h2><p>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.</p><h2>How the result is produced</h2><p>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.</p><h2>Test examples</h2><p>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.</p><h2>Limitations</h2><p>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.</p><h2>Privacy and processing</h2><p>The browser performs the conversion locally and the text is not uploaded for processing.</p><h2>Related guide</h2><p><a href="https://nofyi.com/url-encoding-components-and-query-strings/">URL encoding: components, query strings, and common mistakes</a></p><h2>Documentation</h2><ul><li><a href="https://www.rfc-editor.org/rfc/rfc3986" rel="nofollow noopener" target="_blank">https://www.rfc-editor.org/rfc/rfc3986</a></li><li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent" rel="nofollow noopener" target="_blank">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent</a></li><li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/decodeURIComponent" rel="nofollow noopener" target="_blank">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/decodeURIComponent</a></li></ul><p class="nfaf-disclosure">This page describes the implementation shipped with the NOFYI Tool Factory. Review the interface output before using it in a production workflow.</p></div><div class="nfaf-app-slot">[nfaf_tool_app]</div>
