URL Encoder and Decoder
Percent-encode or decode URLs and query values as you type. Handles Hindi, emoji and other Unicode, "+" for spaces, and shows a breakdown of every query parameter.
Encoding happens as you type, in your browser.
How to use URL Encoder and Decoder
Simple steps to get your task done in seconds
Paste text or a URL
Type or paste into the left box.
Pick encode or decode
Choose Value for query values and path parts, or Whole URL to keep : / ? and &.
Copy the result
The result updates as you type. Copy it with one click.
How URL Encoding (Percent-Encoding) Works
URLs are restricted by the RFC 3986 standard to a subset of ASCII characters. When query parameters contain spaces, symbols (like &, =, ?), or non-Latin Unicode characters (such as accents or emojis), they must be converted into percent-encoded sequences (a percent sign followed by two hexadecimal digits representing the byte value in UTF-8). ZapPebble performs this transformation instantly in your browser.
| Encoding Scope | JavaScript Function Used | Reserved Characters Escaped |
|---|---|---|
| Query Parameter (Component) | encodeURIComponent() | Escapes ;,/?:@&=+$# in addition to spaces and non-ASCII. Use for parameter values. |
| Full URL (Whole URI) | encodeURI() | Preserves structural delimiters like http://, slashes, and query ? symbols. |
| Plus Sign (+ for Space) | application/x-www-form-urlencoded | Replaces %20 with + for legacy HTML form payloads and search queries. |
Practical Example: Passing Search Terms and Redirect URLs
You are building an OAuth callback or tracking URL that redirects users after sign-in. You need to pass the return address https://example.com/dashboard?view=sales&tab=q3 as a query parameter value named redirect_to.
Encode · Scope = Query parameter (component).https%3A%2F%2Fexample.com%2Fdashboard%3Fview%3Dsales%26tab%3Dq3Because & and ? are encoded as %26 and %3F, the destination server will not mistake them for parameters of the parent URL.
Common Edge Cases & Decoding Errors
A URI error occurs if a percent sign is followed by non-hex characters (e.g. %ZZ) or if a multi-byte UTF-8 sequence was truncated mid-stream. ZapPebble detects this and explains the broken byte location.
When you paste a full URL, ZapPebble automatically breaks it down into a readable key-value table of its search parameters, making debugging complex query strings effortless.
API tokens, session IDs, and private user identifiers encoded in query strings are never transmitted across the network. All parsing occurs strictly in browser JavaScript.
Related Developer Tools
Frequently Asked Questions
Related tools
Other utilities that pair well with URL Encoder and Decoder
JSON Formatter & Validator
Validate, format, minify, and inspect JSON with line and column error indicators.
QR Code Generator
Generate custom QR codes for URLs, plain text, WiFi, email, and phone numbers.
Word & Character Counter
Count words, characters, sentences, paragraphs, and reading time in real-time.