Tool workspace
URL encoder, URL decoder and query string parser
Encode values, decode query strings, and inspect URL parts and params.
URL encoder, decoder and parser
URL encoder, decoder and parser
bytes →
URL encoder, decoder and parser
Query parameters
IDN / Punycode
URL encoder, decoder and parser
..
Header
Payload
Metadata
· Expires:
Verify signature
Sign (HS)
URL encoder, decoder and parser
Pattern library
Highlighted matches
Matches ()
Replacement result
URL encoder, decoder and parser
Relative:
Timezone
Build from parts
Difference
URL encoder, decoder and parser
URL encoder, decoder and parser
URL encoder, decoder and parser
Examples
Input
hello world & café
Encoded
hello%20world%20%26%20caf%C3%A9
URL Guides & articles
How URLs Turn Text Into Reliable Web Addresses
A URL is more than a link. Its scheme, authority, path, query, fragment, and encoding rules form a compact instruction for locating and identifying resources.
Read articleURL Encoding Mistakes That Break Real Applications
Double encoding, confused plus signs, unsafe redirects, and inconsistent parsing turn simple links into difficult production bugs.
Read articleDesigning Clean, Stable, and Shareable URLs
Good URLs communicate hierarchy, preserve meaning over time, avoid accidental state, and remain useful outside the application that created them.
Read articleURL encoder, decoder and parser
Encode values, decode query strings, and inspect URL parts and params. DevToolGrid Online offers a free URL encoder, URL decoder and query string parser.
What is URL encoding?
URL encoding (percent-encoding) replaces characters that are unsafe or reserved in a URL with a % followed by their hexadecimal code. For example a space becomes %20 and & becomes %26. It lets you put arbitrary text — spaces, Unicode, symbols — into query strings and paths without breaking the address.
How to encode or decode a URL
- 1 Paste a URL or value into the input panel.
- 2 Click Encode component for query values, or Encode URI to keep the structure.
- 3 Use Decode to turn percent-escapes back into readable text.
- 4 Parse a full URL to inspect the scheme, host, path, query and hash.
Common URL encoding mistakes
- Spaces as + vs %20In query strings a space may appear as + (form encoding) or %20. Mixing them up can corrupt values.
- Not encoding reserved charactersCharacters like &, =, ? and # have special meaning. Leaving them unencoded in a value breaks the query.
- Double encodingEncoding an already-encoded string turns %20 into %2520. Encode each value exactly once.
encodeURIComponent vs encodeURI
encodeURIComponent encodes almost everything, including & = ? /, so it is correct for a single query value or path segment. encodeURI keeps the characters that form a valid URL (such as : / ? &) and is meant for encoding a whole address. Use the component version for parameters and the full version for complete URLs.
FAQ
Is this tool free?
Yes. The URL encoder, decoder and parser are completely free with no limits.
Is my data sent to a server?
No. Encoding, decoding and parsing run locally in your browser; nothing is uploaded.
What is the difference between + and %20?
Both can mean a space in a query string. %20 always means a space; + means a space only in application/x-www-form-urlencoded data.
Can it parse query parameters?
Yes. It breaks a URL into its parts and lets you edit, sort and de-duplicate query parameters.