URL Encoder/Decoder
NewEncode and decode URLs with multiple options
How to Use URL Encoder/Decoder
- 1Select mode: Encode URL or Decode URL
- 2For encoding, choose between encodeURI (full URLs) or encodeURIComponent (URL components)
- 3Enter your text in the input field (or use a quick sample)
- 4View encoded/decoded result in the output field
- 5Toggle auto-update on/off based on your preference
- 6Copy the result using the copy button
- 7Refer to the encoding reference table for common encodings
Features
- ✓Two encoding methods: encodeURI (full URLs) and encodeURIComponent (URL components)
- ✓Decode URL-encoded text with decodeURIComponent
- ✓Auto-swap between encode/decode modes when toggling
- ✓Common URL encoding reference table
- ✓Detailed explanations of encodeURI vs encodeURIComponent
- ✓Quick samples for common encoding/decoding tasks
- ✓Error detection for malformed URL encoding
- ✓Auto-update results as you type
Frequently Asked Questions
What is the difference between encodeURI and encodeURIComponent?▼
encodeURI encodes full URLs but preserves :, /, ?, &, =, etc. encodeURIComponent encodes all special characters, making it suitable for query parameters and fragment identifiers.
When should I use encodeURIComponent?▼
Use encodeURIComponent for individual URL components like query parameter values, fragment identifiers, and path segments that contain special characters.
What characters are not encoded by encodeURI?▼
encodeURI preserves: A-Z a-z 0-9 ; , / ? : @ & = + $ - _ . ! ~ * ' ( ) #
How do I decode URL-encoded text?▼
Always use decodeURIComponent to decode URL-encoded text, as it handles both encodeURI and encodeURIComponent encoded strings.
