Skip to content
Kordu Tools
Developer Tools Runs in browser Updated 08 Apr 2026

URL Encoder/Decoder

Encode or decode URLs and query string components instantly — supports encodeURIComponent, decodeURIComponent, and full URL encoding.

Loading rating…

How to use URL Encoder/Decoder

  1. Choose your encoding mode

    Select Encode (Component) to encode a single query string value or path segment, Encode (Full URL) to encode a complete URL while preserving structural characters, or Decode to reverse either operation.

  2. Enter or paste your input

    Type or paste your text into the input panel. The output updates in real time as you type — no button click needed.

  3. Review the output

    The encoded or decoded result appears instantly in the output panel. Spaces become %20 or +, special characters become their percent-encoded equivalents.

  4. Swap input and output

    Click the swap button to flip the input and output panels and switch direction — useful when you want to re-encode or re-decode.

  5. Copy the result

    Click Copy to copy the encoded or decoded output to your clipboard with one click.

URL Encoder/Decoder FAQ

What is the difference between encodeURIComponent and encodeURI?
encodeURIComponent encodes everything except letters, digits, and - _ . ! ~ * ' ( ), making it safe for individual query string values or path segments. encodeURI encodes everything except characters that have structural meaning in a URL (:, /, ?, #, &, =, @, etc.), making it suitable for encoding a complete URL without breaking its structure.

When should I use Encode (Component) vs Encode (Full URL)?
Use Encode (Component) for individual values: a query parameter value, a path segment, or any string you're embedding inside a URL. Use Encode (Full URL) when you have a complete URL with scheme, host, path, and query string that you want to validate or clean up without changing its structure.

What does percent-encoding mean?
Percent-encoding (also called URL encoding) represents characters that are not allowed or have special meaning in URLs by a percent sign followed by two hex digits representing the character's UTF-8 byte value. For example, a space becomes %20, and an ampersand becomes %26.

Is my data uploaded anywhere?
No. All encoding and decoding runs entirely in your browser using native JavaScript APIs. Nothing is sent to a server, and no data is stored or logged.

Does this support Unicode, emoji, and non-ASCII characters?
Yes. The tool uses the browser's native encodeURIComponent and decodeURIComponent which handle the full UTF-8 character set. Emoji, CJK characters, accented letters, and Arabic text are all percent-encoded correctly.

What happens if I try to decode an invalid percent-encoded string?
The tool catches the error and displays a clear message. Invalid percent sequences (like a % not followed by two hex digits) cause decodeURIComponent to throw a URIError, which is caught and surfaced as a readable error.

Can I use this to encode query string parameters for API requests?
Yes. Paste your raw parameter value into the input with Encode (Component) selected and copy the output directly into your URL. This is the most common use case — ensuring special characters in values like email addresses or search queries don't break URL parsing.

What is the difference between URL encoding and Base64 encoding?
URL encoding (percent-encoding) converts characters to %XX sequences so they are safe in URLs — the output is still human-readable text. Base64 encoding converts arbitrary binary data to a text-safe representation using A–Z, a–z, 0–9, +, and / — the output is not human-readable. Use URL encoding for URLs and query strings; use Base64 for binary data in text contexts like HTTP headers or data URIs.

Background

URL Encoder & Decoder handles all three common URL encoding scenarios. Use Encode (Component) to percent-encode individual query string values, path segments, or any string that must be safe to embed in a URL — this is the most common use case when building API requests, form parameters, or constructing URLs programmatically. Use Encode (Full URL) when you have a complete URL that you want to ensure is valid, preserving structural characters like :, /, ?, and &. Use Decode to reverse either operation.

Under the hood, the tool uses the native browser functions encodeURIComponent, encodeURI, decodeURIComponent, and decodeURI — the same functions JavaScript developers call in their own code. The output is instant, updates as you type, and handles the full Unicode character set including emoji, CJK characters, and accented Latin letters via the standard UTF-8 percent-encoding scheme.

All encoding and decoding runs entirely in your browser. Nothing is uploaded or transmitted. Useful for debugging broken URLs, building query strings, fixing encoding issues in API responses, or encoding user input before embedding it in a URL.

Related tools

Base64 Encoder/Decoder

Encode text or files to Base64 or decode Base64 strings back to plain text — real-time, fully in your browser.

JSON Formatter

Format, validate, and minify JSON instantly — with configurable indentation, error location, and tree view.

Hash Generator

Generate MD5, SHA-1, SHA-256, and SHA-512 hashes from text or files instantly in your browser.

JWT Decoder

Decode and inspect JWT tokens — view header, payload, claims, and expiry status without sending data to any server.