URL Encode / Decode

encodeURIComponent encodes all special characters including :, /, ?, #, &, and =. encodeURI preserves these URL-structural characters. Use Component mode for query parameter values, and Full URL mode for complete URLs.

URL encoding is needed when your URL contains special characters like spaces, &, =, or non-ASCII characters. It converts them to percent-encoded format (e.g., space becomes %20) so they can be safely transmitted.

No. All processing runs locally in your browser.

Encode only the component parts (query parameter values, path segments) -- not the full URL. Encoding a full URL will also encode the : and // in "https://" and the / separators, breaking the URL structure. Use Full URL mode to safely encode a complete URL's non-structural characters.

In a query string, & separates parameters and = separates keys from values. If a parameter value contains these characters, you must percent-encode them: & becomes %26, = becomes %3D, and + (if literal) becomes %2B. Paste the value (not the full URL) into Component mode and copy the encoded result.

This tool processes one input at a time for clarity. For batch decoding, you can use a script: in JavaScript, decodeURIComponent(str) for each value; in Python, urllib.parse.unquote(str). For one-off lookups, this tool gives you instant results without any setup.

Yes. The interface is fully responsive. You can paste text, encode or decode, and copy the result on any phone or tablet.

Yes. All encoding and decoding runs entirely in your browser using JavaScript's native encodeURIComponent and decodeURIComponent functions. Nothing is sent to any server.

Percent encoding replaces unsafe characters with a % followed by two hexadecimal digits representing the character's byte value. For example, a space becomes %20 and an ampersand becomes %26. It's called "percent encoding" because every encoded character starts with the % sign.

Non-ASCII characters are first converted to their UTF-8 byte sequences, then each byte is percent-encoded. For example, the emoji "🎉" becomes %F0%9F%8E%89. This tool handles all of this automatically — just paste the text and click Encode.

Component mode uses encodeURIComponent, which is correct for individual query parameter values. Form Data mode uses application/x-www-form-urlencoded encoding (spaces as +), which matches how HTML forms submit data. Use Form Data when you need to match form submission encoding.

The <a href="/ai/dev/base64">Base64 Encoder</a> is useful when you need to embed binary data in URL parameters. The <a href="/ai/dev/json">JSON Formatter</a> helps inspect URL-encoded API payloads after decoding. The <a href="/ai/dev/hash">Hash Generator</a> can create checksums for URL integrity verification.