URL Encoder / Decoder – Encode & Parse URLs Online
—
—
—
Calcon's free URL Encoder/Decoder shows three encoding variants instantly — full URL, component-encoded, and path-encoded. The built-in URL Parser breaks any URL into its protocol, domain, path, query parameters, and hash.
Encoding Function Reference
| Function | Safe Characters | Use For |
|---|---|---|
| encodeURI() | A–Za–z0–9 ; , / ? : @ & = + $ - _ . ! ~ * ' ( ) # | Full URLs |
| encodeURIComponent() | A–Za–z0–9 - _ . ! ~ * ' ( ) | Query params, fragments |
| Path encoding | Encodes each segment, keeps / | URL paths |
Frequently Asked Questions
What is URL encoding?
URL encoding converts unsafe characters into a percent-encoded format. For example, a space becomes %20, & becomes %26, and = becomes %3D. This ensures the URL is valid and unambiguous when transmitted.
encodeURI vs encodeURIComponent?
encodeURI() encodes a full URL — it leaves characters like ://&?#= untouched because they are valid URL syntax. encodeURIComponent() encodes everything including those characters — use it for individual query parameter values to prevent them being interpreted as URL structure.
Why do URLs need encoding?
URLs can only contain specific ASCII characters. Spaces, non-ASCII letters (like Chinese or Arabic characters), and special chars must be encoded so they can be transmitted safely. Without encoding, a & in a query value would look like a parameter separator.
What does the URL parser show?
The URL parser breaks any full URL into protocol, hostname, port, path, each query parameter as a key/value pair, and the hash fragment. It uses the browser's built-in URL API and requires the URL to include a protocol (e.g. https://).
Related Developer Tools
CSS Minifier
Minify CSS code instantly in browser.
HTML Viewer
Preview HTML code in real-time.
HTML Table Generator
Create HTML tables in seconds.
JSON Formatter
Format, validate, and minify JSON instantly.
Base64 Encoder / Decoder
Encode and decode Base64 instantly.
MD5 Hash Generator
Generate MD5, SHA-1, SHA-256 hashes instantly.
Color Palette Generator
Create harmonious color palettes from any color.
Regex Tester
Test regular expressions with live highlighting.
HEX to RGBA Converter
Convert HEX colors to RGB/RGBA instantly.
PX to REM Converter
Convert PX to REM instantly.
