URL Encoder/Decoder
Encode and decode URLs and special characters instantly with smart URL parsing.
Input appears to be already encoded. Encoding again will double-encode characters like %20 becoming %2520.
URL Breakdown
- Protocol
- Host
- Port
- Path
- Query String
- Fragment
Use Cases
URL encoding and decoding are essential for web development and everyday internet use:
-
Encode Query Parameters
Safely include special characters like spaces, ampersands, and equals signs in URL query strings when building dynamic links.
-
Debug Encoded URLs from Logs
Quickly decode percent-encoded URLs from server logs to understand what URL was actually requested.
-
Fix Double-Encoded URLs
Identify and fix URLs with %2520 instead of %20 by detecting already-encoded input before encoding again.
-
Understand URL Structure
Learn which parts of a URL get encoded and when to use encodeURI vs encodeURIComponent with the visual breakdown.
-
Prepare Text for URL Parameters
Encode text with emoji and special characters to safely append to share URLs across all platforms.
Frequently Asked Questions
- How do I use this app?
- Enter or paste the required input, choose whether you want to encode or decode, pick the encoding mode when needed, and review the result. Use Clear or Swap to start over or test the reverse flow.
- Is this app free to use?
- Yes. The app is free to use and does not require an account.
- What happens to my input data?
- Your input stays in the browser for the current view only. It is not sent to a server and this app does not store user-provided input after you clear, refresh, or close the tab.
- Why am I getting an error or unexpected output?
- Most issues come from invalid percent-encoded sequences, already encoded input, or choosing encodeURI when encodeURIComponent is a better fit. Check the warning and help tips, then try again.
- Where can I find instructions and troubleshooting tips?
- Use the in-app Help panel. It explains the workflow, encoding modes, and common mistakes, and it can be opened and closed with the keyboard, including Escape.
How to Use URL Encoder/Decoder
How to Use
- Choose your mode: Encode (text to URL) or Decode (URL to text)
- Select encoding type: encodeURIComponent (for query params) or encodeURI (for full URLs)
- Type or paste your text in the input area
- See the result instantly in the output area and click Copy to copy it
Features
- Instant conversion as you type
- Smart URL parsing shows component breakdown
- Double-encoding detection prevents common mistakes
- Swap button to quickly verify by encoding then decoding back
- 100% client-side - your data never leaves your browser
- Nothing is saved after you clear, refresh, or close the tab
When to Use Each Mode
encodeURIComponent
encodeURIComponent (Recommended for most cases): Encoding query parameter values, Encoding path segments, Any text that will be part of a URL
encodeURI
encodeURI: Encoding a complete URL while preserving its structure, When you want to keep special URL characters like /, ?, #
Keyboard Shortcuts
- Copy output
- Clear input
Tips
- Spaces become %20 (not +) for maximum compatibility
- If you see %25, your input was already encoded
- The URL breakdown shows you exactly which parts get encoded