What is the difference between Component and whole URL?

Component uses encodeURIComponent (safe for a single query value); with it off it uses encodeURI, which preserves URL structure like ':' and '/'.

Does it handle query strings?

Yes — percent-encode or decode full URLs and individual query-string values.

Yes — everything happens in your browser; nothing is uploaded.

URL Encoder & Decoder

Live

Percent-encode and decode URLs.

All generated data is fictional and intended for development, testing, QA, prototyping, and automation only. Do not use it for fraud, impersonation, or illegal activity.

https%3A%2F%2Fexample.com%2Fbuscar%3Fq%3Dcaf%C3%A9%20%26%20lanche

About this tool

Percent-encode or decode URLs and query strings. Toggle Component to switch between encodeURIComponent (safe for a single value) and encodeURI (whole URL). Runs locally.

How it works

Paste your URL or query string into the input.
Choose Encode or Decode, and toggle Component for a single value vs the whole URL.
Copy the result — everything runs locally in your browser.

Example output

https%3A%2F%2Fexample.com%2Fbuscar%3Fq%3Dcaf%C3%A9%20%26%20lanche

Frequently asked questions

What is the difference between Component and whole URL?: Component uses encodeURIComponent (safe for a single query value); with it off it uses encodeURI, which preserves URL structure like ':' and '/'.
Does it handle query strings?: Yes — percent-encode or decode full URLs and individual query-string values.
Does it run locally?: Yes — everything happens in your browser; nothing is uploaded.

Related tools

Base64 Encode / Decode Slug Generator

Configuration

About this tool

How it works

Example output

Frequently asked questions

Related tools