URL Encoding Articles & Guides

Everything you need to know about URL encoding — percent-encoding, special characters, and real-world usage.

Practical URL Encoding References

These guides focus on the encoding problems developers actually hit in production: JavaScript URL functions, query parameter boundaries, RFC 3986 reserved characters, form submissions, Unicode, and API request bugs.

Start with the complete URL encoding overview if you need the fundamentals, or use the JavaScript and query parameter guides when debugging broken links, redirect parameters, search URLs, OAuth calls, or analytics tags.

Guide thumbnail: How to Decode a URL: Percent-Encoding Made Simple

How to Decode a URL: Percent-Encoding Made Simple

Learn how to decode a URL by hand and in code. Convert %20, %2F, %3D, and UTF-8 sequences back to readable text, fix double encoding, and avoid common bugs.

Guide thumbnail: encodeURI vs encodeURIComponent: Which One Should You Use?

encodeURI vs encodeURIComponent: Which One Should You Use?

A practical guide to JavaScript URL encoding functions, with examples for full URLs, path segments, query parameters, and common bugs.

Guide thumbnail: application/x-www-form-urlencoded vs JSON: When to Use Each

application/x-www-form-urlencoded vs JSON: When to Use Each

Compare form URL encoding and JSON request bodies for APIs, forms, webhooks, OAuth, and server integrations.

Guide thumbnail: RFC 3986 Percent-Encoding: Reserved and Unreserved Characters

RFC 3986 Percent-Encoding: Reserved and Unreserved Characters

Understand the URL standard behind percent-encoding, including reserved characters, unreserved characters, and when encoding is required.

Guide thumbnail: URL Query Parameters: Encoding Rules and Examples

URL Query Parameters: Encoding Rules and Examples

Learn how query parameters are structured, how to encode names and values correctly, and how to avoid broken API requests.

Guide thumbnail: How to Encode URLs in JavaScript: encodeURI vs encodeURIComponent

How to Encode URLs in JavaScript: encodeURI vs encodeURIComponent

Master URL encoding in JavaScript. Understand the difference between encodeURI(), encodeURIComponent(), decodeURI(), and decodeURIComponent() with practical examples.

Guide thumbnail: URL Encoding for API Development: Best Practices

URL Encoding for API Development: Best Practices

Master URL encoding in API development. Learn how to safely encode query parameters, handle authentication tokens, build API clients, and avoid common encoding pitfalls.

Guide thumbnail: URL Encoding Special Characters Table: %20, %3B, %2F, Unicode

URL Encoding Special Characters Table: %20, %3B, %2F, Unicode

Find percent encodings for URL special characters fast: space %20, semicolon %3B, slash %2F, plus %2B, reserved chars, and Unicode examples.

Guide thumbnail: UTF-8 and Unicode in URL Encoding: International Characters Guide

UTF-8 and Unicode in URL Encoding: International Characters Guide

Learn how Unicode characters and international text are handled in URLs. Understand UTF-8 byte encoding, IDN/Punycode for domain names, and multilingual best practices.

Guide thumbnail: What Is URL Encoding? A Complete Guide to Percent-Encoding

What Is URL Encoding? A Complete Guide to Percent-Encoding

Learn what URL encoding (percent-encoding) is, why it exists, and how it transforms special characters into a safe format for use in web addresses.

Recommended Learning Path

  1. Learn what percent-encoding is and which characters are reserved.
  2. Compare `encodeURI`, `encodeURIComponent`, and `URLSearchParams` before building links in JavaScript.
  3. Review query parameter rules for API requests, redirect URLs, and form submissions.
  4. Use the encoder on the homepage to test edge cases like spaces, plus signs, Unicode, and already-encoded strings.

Need to Encode a URL?

Encode and decode URLs instantly — supports encodeURIComponent, encodeURI, path encoding, and batch processing.

Open URL Encoder