URL Encoder & Decoder

Encode and decode URI query parameters, full URLs, form-urlencoded data, and inspect URL components with an interactive query table.

Sample Presets:

URL or Component Input

0 chars0 lines

1
​
Paste a URL or URI here
Encode, decode, or inspect query parameters.

0 chars0 lines

1
​
URL result will appear here
Run an encoding or decoding action to see the result.

Awaiting URL or URI Component (RFC 3986)

Pure client-side processing (RFC 3986)

URL Query & Payload Encoding Workflow

Encode URI component strings, inspect URL parameters, and format embedded JSON data.

Step 01Active Step

Encode / Decode URI Component

Convert special characters into percent-encoded URI query format (RFC 3986).

Step 02

Encode Payload to Base64

Encode parameters into Base64 binary strings for authorization headers.

Open Base64 Encoder & Decoder

Step 03

Format Embedded JSON Query

Format JSON payload objects extracted from URI query strings.

Open JSON Formatter & Validator

Developer Documentation & Guidance

Practical developer scenarios, best practices, and common mistakes to avoid.

When Should I Use This Tool?

•Encoding query parameter keys and values containing special characters, spaces, or unicode (RFC 3986).
•Decoding encoded URLs from web server access logs, redirect parameters, or webhooks.
•Inspecting and editing query parameter keys and values in an interactive tabular builder.
•Form-urlencoding form data payloads (application/x-www-form-urlencoded).

Developer Best Practices

✓Use encodeURIComponent for individual query parameter keys and values.
✓Use encodeURI for complete URL addresses to preserve protocol, host, and path delimiters (:/?#[]@).
✓In form-urlencoded mode (application/x-www-form-urlencoded), spaces are encoded as "+" instead of "%20".
✓Export query parameters to JSON for easy insertion into API payloads.

Common Developer Mistakes

!Using encodeURI on query string values (fails to encode &, =, +, ? which breaks query parsing).
!Double-encoding strings that are already percent-encoded (%2520 instead of %20).
!Confusing space representations (%20 vs +).

Keyboard Shortcuts Help

Encode ComponentCtrl + Enter

Decode URICtrl + Shift + Enter

Copy OutputCtrl + Shift + C

Load PresetsAlt + 1 / 2 / 3 / 4

Related Encoding & Decoding Tools

Utilities belonging to the Encoding & Decoding domain.

Base64 Encoder & Decoder

Encode and decode Base64 string formats, URL-safe variants, Hex data, and binary files with UTF-8 support.

Open

HTML Entity Encoder & Decoder

Encode special characters into Named, Decimal, or Hex HTML entities and decode entities back to plain text with safe sandboxed preview.

Open

URL Encoder & Decoder

Encode and decode URI query parameters, full URLs, form-urlencoded data, and inspect URL components with an interactive query table.

Sample Presets:

URL or Component Input

0 chars0 lines

1
​
Paste a URL or URI here
Encode, decode, or inspect query parameters.

0 chars0 lines

1
​
URL result will appear here
Run an encoding or decoding action to see the result.

Awaiting URL or URI Component (RFC 3986)

Pure client-side processing (RFC 3986)

URL Query & Payload Encoding Workflow

Encode URI component strings, inspect URL parameters, and format embedded JSON data.

Step 01Active Step

Encode / Decode URI Component

Convert special characters into percent-encoded URI query format (RFC 3986).

Step 02

Encode Payload to Base64

Encode parameters into Base64 binary strings for authorization headers.

Open Base64 Encoder & Decoder

Step 03

Format Embedded JSON Query

Format JSON payload objects extracted from URI query strings.

Open JSON Formatter & Validator

Developer Documentation & Guidance

Practical developer scenarios, best practices, and common mistakes to avoid.

When Should I Use This Tool?

•Encoding query parameter keys and values containing special characters, spaces, or unicode (RFC 3986).
•Decoding encoded URLs from web server access logs, redirect parameters, or webhooks.
•Inspecting and editing query parameter keys and values in an interactive tabular builder.
•Form-urlencoding form data payloads (application/x-www-form-urlencoded).

Developer Best Practices

✓Use encodeURIComponent for individual query parameter keys and values.
✓Use encodeURI for complete URL addresses to preserve protocol, host, and path delimiters (:/?#[]@).
✓In form-urlencoded mode (application/x-www-form-urlencoded), spaces are encoded as "+" instead of "%20".
✓Export query parameters to JSON for easy insertion into API payloads.

Common Developer Mistakes

!Using encodeURI on query string values (fails to encode &, =, +, ? which breaks query parsing).
!Double-encoding strings that are already percent-encoded (%2520 instead of %20).
!Confusing space representations (%20 vs +).

Keyboard Shortcuts Help

Encode ComponentCtrl + Enter

Decode URICtrl + Shift + Enter

Copy OutputCtrl + Shift + C

Load PresetsAlt + 1 / 2 / 3 / 4

Related Encoding & Decoding Tools

Utilities belonging to the Encoding & Decoding domain.

Base64 Encoder & Decoder

Encode and decode Base64 string formats, URL-safe variants, Hex data, and binary files with UTF-8 support.

Open

HTML Entity Encoder & Decoder

Encode special characters into Named, Decimal, or Hex HTML entities and decode entities back to plain text with safe sandboxed preview.

Open