URL Encoder & Decoder

Encode and decode URLs, parse query parameters, and analyze URL components. All processing happens locally in your browser.

Input

Output

Query String Parser

💡 What does this do?

Parse a URL's query parameters (the part after ?) into an editable table. Perfect for:

  • 🔍 Analyzing API URLs: See all parameters clearly
  • ✏️ Editing parameters: Change values without manual encoding
  • 🔗 Building URLs: Add/remove parameters visually
  • 🐛 Debugging: See what data you're sending to APIs

Example: Paste an API URL like https://api.example.com/search?q=test&page=2&limit=10 and edit the parameters in the table below!

Enter Full URL

Batch Processing

Understanding URL Encoding

🔗 What is URL Encoding?

URL encoding (percent-encoding) converts special characters into a format that can be transmitted over the internet. Spaces become %20, @ becomes %40, etc.

It's also called "percent encoding" because special characters are represented as % followed by two hexadecimal digits.

🎯 When to Use URL Encoding

  • Query parameters: q=hello worldq=hello%20world
  • Special characters: @, #, &, =
  • Form data: Submitting forms with special characters
  • API requests: Passing parameters with spaces or symbols
  • Passing URLs: Using URLs as parameter values

⚠️ Reserved Characters

These characters have special meaning in URLs and should be encoded:

  • & (separator) → %26
  • = (assignment) → %3D
  • ? (query start) → %3F
  • # (fragment) → %23
  • / (path separator) → %2F
  • (space) → %20 or +

💡 Common Mistakes

  • ❌ Encoding the entire URL (breaks structure)
  • ❌ Double-encoding (encoding already encoded text)
  • ❌ Forgetting to encode query parameter values
  • ✅ Encode only the values, not the structure
  • ✅ Use encodeURIComponent() for values
  • ✅ Use encodeURI() for full URLs