TetraKits
Spaces, ampersands, and Unicode characters break URLs when left unescaped. The TetraKits URL encoder percent-encodes query strings and decodes existing URLs in your browser — free, instant, and private.
Pair it with the Base64 encoder for binary data and HTML entities for web markup.
Overview
URL encoding (percent-encoding) replaces unsafe characters with %XX hex codes. A space becomes %20. JavaScript provides two main functions:
- encodeURIComponent — for individual query parameter values
- encodeURI — for full URLs while preserving
/,?, and#
Encode vs decode
Encode: Paste plain text → get percent-encoded output for APIs, redirects, and form submissions.
Decode: Paste encoded text like hello%20world → get readable characters back via decodeURIComponent.
Component vs URI mode
| Mode | Function | Use when |
|---|---|---|
| Component | encodeURIComponent | Encoding a query value — encodes /, ?, &, = |
| URI | encodeURI | Encoding a full URL path — keeps structure chars |
Examples
hello world→hello%20world(component)price=$10&qty=2→ encode the value only:price%3D%2410https://example.com/path?q=a+b→ use URI mode to preserve slashes
FAQ
encodeURIComponent vs encodeURI?
Component encodes everything except A–Z, a–z, 0–9, - _ . ! ~ * ' ( ). URI preserves URL delimiters like / and ?.
When must I encode query params?
Always, before appending to a URL — especially spaces, &, =, and non-ASCII characters.
URL encoding vs Base64?
URL encoding makes text URL-safe. Base64 encodes binary data. Different tools for different jobs.
Is this URL encoder free?
Yes. Unlimited use, no signup, all local.
