URL Encoder / Decoder — Encode, Decode & Parse URLs
Encode URLs using 4 percent-encoding methods or decode them with 3 methods — including form-urlencoded and encodeURIComponent. Paste any full URL to instantly break it down into protocol, host, path, and individual query parameters. 100% client-side, nothing sent to any server.
Text / URL to Encode
Real-time Encoding
Encode or decode URLs instantly as you type — no server calls needed.
URL Breakdown
Paste a full URL to see protocol, host, path, and query params parsed out.
100% Private
Everything runs in your browser. No data is sent anywhere.
Included URL Tools
URL Encoder (4 Methods)
encodeURIComponent, encodeURI, form-urlencoded (+spaces), or spaces-only — choose the right method for your use case.
URL Decoder (3 Methods)
decodeURIComponent, decodeURI, or form-urlencoded (+ → space) to reverse any percent-encoded string.
URL Breakdown & Query Parser
Paste any full URL to see protocol, host, path, query string, fragment, and each query parameter listed as key=value pairs.
How to Encode or Decode a URL
Choose mode
Select Encode to percent-encode special characters, or Decode to convert a percent-encoded URL back to plain text.
Select encoding method
Pick from 4 encode or 3 decode methods depending on whether you're handling query params, form data, or full URLs.
Paste your text
Type or paste the URL or text — the output updates in real time with character count and size diff stats.
Use URL breakdown
Paste a complete URL to split it into protocol, host, path, query, and hash — with individual query params listed below.
Frequently Asked Questions
- What is the difference between encodeURIComponent and encodeURI?
- encodeURIComponent encodes all special characters including :/?# — best for individual query parameter values. encodeURI leaves URL-structural characters like :// intact — best for encoding a full URL.
- What is form-urlencoded encoding?
- Form encoding is like encodeURIComponent but replaces spaces with + instead of %20. It is used in HTML form submissions and the application/x-www-form-urlencoded content type.
- Can I parse a URL into its components?
- Yes. Paste any complete URL and the URL Breakdown section automatically splits it into protocol, host, path, query string, fragment, and individual query parameters.
- Is my URL data sent to a server?
- No. All encoding, decoding, and URL parsing is done entirely in your browser. Nothing is transmitted anywhere.
- How do I decode %20, +, and other encoded characters?
- Use Decode mode. Choose decodeURIComponent to convert %20 to a space, or form-urlencoded mode to convert + to a space as well.