Skip to main content

URL Encoder / Decoder

Encode and decode URLs and query parameters with component-level control.

Encode as:

Quick insert:

Input (Plain Text)
Output (Encoded)

Enter text to see encoded output…

Encoding Types

encodeURI

Encodes a full URL. Preserves: A-Z a-z 0-9 ; , / ? : @ & = + $ - _ . ! ~ * ' ( ) #

encodeURIComponent

Encodes a URL component. Encodes everything except: A-Z a-z 0-9 - _ . ! ~ * ' ( )

URL Structure

Parses the URL and selectively encodes different parts: path, query parameters, and fragment.

Component Display

When decoding, shows individual URL components (protocol, host, path, query, hash) separately.

All encoding/decoding happens locally in your browser. No data is sent to any server.

Technical Specification

URL Encoding & Decoding Engine for Web Data Serialization

Overview

The ToolsForges URL encoder-decoder performs bi-directional percent-encoding and decoding of URL strings, query parameters, and form data entirely within the browser. Paste your URL or query string to receive properly encoded output with special characters, spaces, and non-ASCII characters correctly percent-encoded for safe transmission in web requests.

Feature Specifications

  • Full URI EncodingEncode all reserved and unsafe characters according to RFC 3986, including spaces as plus signs or percent-encoded hex values, with configurable encoding behavior.
  • Component and Full URL ModesChoose between encoding individual URL components (query parameters, path segments) or encoding the entire URL string, each applying the appropriate encoding rules.
  • Decoding SupportDecode percent-encoded URL strings back to their original form, stripping encoding to reveal the readable text for debugging, inspection, and data extraction workflows.
  • Query Parameter ParsingParse encoded query strings into structured key-value pairs, display them in a readable format, and re-encode with modifications for rapid URL parameter manipulation.

Architecture

The encoder uses React useState for input management and the browser's encodeURIComponent() and decodeURIComponent() functions for standards-compliant encoding and decoding.

Frequently Asked Questions

What is the difference between encodeURIComponent and encodeURI?

encodeURIComponent encodes all special characters including slashes, colons, and ampersands, suitable for individual URL components. encodeURI preserves URL structure characters, suitable for complete URIs.

How are spaces encoded in URLs?

Spaces can be encoded as %20 (percent-encoding) or + (form encoding). The tool supports both conventions, with %20 being the standard for URIs.

Does this handle international characters?

Yes. Non-ASCII characters are first converted to UTF-8 byte sequences and then percent-encoded, producing correct output for international domain names and path segments.

Is my URL data stored?

No. All URL strings, query parameters, and encoded output are processed entirely within your browser. No URL data is transmitted to external servers.