Is my data uploaded to a server?

No. All encoding and decoding happens in your browser using JavaScript's built-in encodeURIComponent and decodeURIComponent functions. Your data never leaves your device.

Batch mode lets you encode or decode multiple URLs or values at once — one per line. Paste a list and all lines are processed simultaneously.

What is the query string parser?

The query string parser breaks a URL into its components (protocol, host, path, query parameters, fragment) and displays each query parameter as a key-value pair that you can edit and rebuild.

What is form data encoding?

Form data encoding (application/x-www-form-urlencoded) encodes spaces as + instead of %20 and encodes = and & as %3D and %26. This is the format used by HTML form POST requests.

How do I encode a URL for use in HTML?

Use encodeURIComponent mode to encode the full URL, then use it inside an href attribute. For query parameter values, always use encodeURIComponent — never encodeURI — so that & and = are safely encoded.

Home›Utility›URL Encoder / Decoder

URL Encoder / Decoder

Percent-encode · Decode · Query parser · Batch mode · Code snippets · Free · No upload

100% Private — all processing in browser, zero server upload | Instant real-time results | Encode · Decode · Parse · Batch

Encoding Mode

Input

Output

Quick Examples

Percent-Encoding Reference

Space%20or + in forms

!%21Exclamation

"%22Double quote

#%23Fragment / hash

%%25Percent sign

&%26Query separator

'%27Single quote

+%2BPlus sign

/%2FPath separator

:%3AProtocol colon

=%3DKey=value

?%3FQuery start

@%40At sign

[%5BOpen bracket

]%5DClose bracket

ñ%C3%B1Non-ASCII UTF-8

€%E2%82%ACEuro sign

₹%E2%82%B9Rupee sign

When to use which

encodeURIComponent
Use for query param values. Encodes & = # ? / : @

encodeURI
Use for a full URL. Preserves : / ? = & # @

Form Data
HTML forms POST. Spaces become + not %20

Never
Double-encode. Check for % before encoding.

Deploy Your API or Web App Fast

Host your backend, REST APIs, and developer tools on Hostinger's high-speed cloud hosting.

Get Hosting →

Free URL Encoder & Decoder — Percent Encoding, Query Parser, Batch Mode

URL encoding (percent-encoding) is a critical technique for web developers, digital marketers, SEO specialists, and API developers across the USA, UK, Canada, Germany, Australia, and UAE. Any URL containing spaces, special characters, non-English text, or symbols like & = # ? must be properly encoded before transmission — failure to encode causes broken links, failed API calls, security vulnerabilities, and lost analytics data.

Digital marketers in USA and UK encode UTM campaign parameters in Google Analytics URLs — ensuring tracking data from email campaigns, social media ads, and affiliate links is captured accurately. E-commerce developers in Canada and Germany encode product search queries, category filters, and user input in GET request URLs to prevent injection attacks and query string corruption. SEO specialists in Australia and UAE decode complex redirect URLs and tracking parameters from server logs to diagnose traffic attribution issues.

Backend API developers encode authentication tokens, user-generated content, and file paths for safe inclusion in REST API endpoints. Financial services companies encode account references and transaction IDs containing special characters. Healthcare portals encode patient identifiers containing slashes and ampersands for FHIR API compliance.

SuccessMate supports encodeURIComponent, encodeURI, Form Data (+) encoding, Query String Parser with editable parameters, Batch Mode (hundreds of URLs at once), and code snippets for JavaScript, Python, PHP, Java, and Ruby. 100% private, no upload. Free, no account. Trusted by developers in India, USA, UK, Canada, Australia, Germany, and UAE.

❓ Frequently Asked Questions

What is URL encoding / percent encoding? ▾

URL encoding (percent-encoding) converts special characters into a % followed by two hexadecimal digits. For example, a space becomes %20, & becomes %26, and the Indian Rupee ₹ becomes %E2%82%B9. This ensures URLs contain only safe ASCII characters for internet transmission.

What is the difference between encodeURI and encodeURIComponent? ▾

encodeURI encodes a complete URL and preserves structural characters like / ? = & # : @. Use it when the entire URL must be encoded. encodeURIComponent encodes everything except letters, digits, and - _ . ! ~ * ' ( ) — use it for individual query parameter values to prevent & and = from breaking the query string.

When should I use Form Data encoding? ▾

Form Data encoding (application/x-www-form-urlencoded) is used by HTML form POST requests. It encodes spaces as + (plus sign) instead of %20, and encodes = and & so they do not interfere with the parameter structure. Use this mode when building HTML form submissions.

What does the Query String Parser do? ▾

Paste any full URL and the parser breaks it into protocol, host, path, query parameters (decoded), and fragment. Each query parameter appears as an editable key-value pair. Edit any value and the rebuilt URL at the bottom updates instantly.

What is Batch Mode? ▾

Batch Mode encodes or decodes multiple URLs or values simultaneously — one value per line. Paste a list of 100 URLs and get all encoded/decoded versions in one click. Download the output as a text file.

Is my data sent to a server? ▾

Never. All encoding and decoding uses JavaScript's built-in encodeURIComponent, encodeURI, and decodeURIComponent functions entirely in your browser. Your API keys, credentials, and private URLs never leave your device.

What is double-encoding and how do I avoid it? ▾

Double-encoding happens when an already-encoded string is encoded again — turning %20 into %2520. Always check if the string already contains % before encoding. Use Decode first if unsure, then re-encode cleanly.

URL Encoder / Decoder

Free URL Encoder & Decoder — Percent Encoding, Query Parser, Batch Mode

❓ Frequently Asked Questions

Related Dev Tools