What is the difference between encodeURI and encodeURIComponent?

encodeURI is for encoding a full URL while preserving its structure (://?#& are not encoded). encodeURIComponent is for encoding a single URL parameter value (everything except letters and digits is encoded).

Why do URLs need encoding?

URLs can only contain certain ASCII characters. Special characters like spaces, quotes, and Unicode characters must be percent-encoded to be valid in a URL.

What is percent encoding?

Percent encoding replaces unsafe characters with a % sign followed by two hexadecimal digits representing the character's byte value. For example, a space becomes %20.

// url-encoder

URL Encoder / Decoder

Encode or decode URLs and URI components.

Input

Output

How to Use URL Encoder / Decoder

Choose mode-Select Encode or Decode tab.
Select method-Choose encodeURI (preserves URL structure) or encodeURIComponent (encodes everything).
Enter text-Type or paste the URL or text to process.
Copy result-The encoded or decoded result appears automatically.

About URL Encoder / Decoder

URL Encoder converts special characters in URLs to percent-encoded format (e.g., space becomes %20). This ensures URLs are valid and can be safely transmitted.

The tool offers two encoding modes: encodeURI preserves valid URL characters like :, /, and ?, while encodeURIComponent encodes everything except letters, digits, and a few special characters.

All processing happens in your browser using the native JavaScript encoding functions.

FAQ

Related Tools

Base64 Encode / Decode

Encode text or files to Base64, or decode Base64 strings.

HTML Entity Encoder / Decoder

Encode special characters to HTML entities or decode HTML entities back to text.