Skip to main content
DevUtility.hub
Dev ToolsText ToolsCSS ToolsAI Tools
PrivateSupport

Popular Tools

  • JSON Formatter
  • Regex Tester
  • Base64 Encoder/Decoder
  • Password Generator
  • Color Converter
  • JWT Decoder
  • Timestamp Converter
  • URL Encoder/Decoder

Recently Added

  • Data Size Converter
  • Unit Converter
  • AI Context Window Calculator
  • AI Diff Explainer Prep
  • AI JSON-to-Prompt Generator
  • AI README Generator Prep
  • AI API Cost Calculator
  • AI Code Reviewer Prep

Resources

  • Tool Comparisons
  • How-To Guides
  • Developer Blog
  • About DevUtility Hub
  • Contact Us
  • Privacy Policy
  • Terms of Service

All 117 Developer Tools

  • JSON Formatter
  • Data Sanitizer
  • Base64 Encoder/Decoder
  • URL Encoder/Decoder
  • Hash Generator
  • JWT Decoder
  • XML to JSON Converter
  • Timestamp Converter
  • Regex Tester
  • UUID / ID Generator
  • Password Generator
  • Cron Expression Parser
  • SQL Formatter
  • Number Base Converter
  • Security Headers Generator
  • JSON Path Explorer
  • CSV Viewer & Converter
  • Meta Tag Generator
  • JSON to TypeScript Converter
  • YAML ↔ JSON Converter
  • JSON to CSV Converter
  • JSON Schema Generator
  • QR Code Generator
  • Image to Base64 Converter
  • Unix Chmod Calculator
  • JavaScript Keycode Finder
  • HTTP Status Code Reference
  • HTML Entity Encoder/Decoder
  • Open Graph Preview Tool
  • .gitignore Generator
  • HTML Minifier
  • JavaScript Minifier
  • JSON Validator
  • IP Address Analyzer
  • HTML Prettifier
  • JavaScript Formatter
  • Backslash Escape/Unescape
  • Random Number Generator
  • Placeholder Image Generator
  • SVG Optimizer
  • HTML Table Generator
  • JSON Diff
  • DNS Lookup
  • Text Diff & Merge
  • YAML Validator
  • Crontab Generator
  • JWT Generator
  • Password Strength Checker
  • URL Parser
  • Image Resizer
  • Social Media Mockup
  • WiFi QR Code Generator
  • EXIF Data Viewer
  • PDF Signature Tool
  • SQL ↔ CSV Converter
  • Am I Pwned? Checker
  • Live HTML Preview
  • PDF Merge
  • PDF Split
  • JSON to Zod Schema
  • Docker Run to Compose
  • AES Encrypt / Decrypt
  • Image Compressor
  • HMAC Generator
  • Percentage Calculator
  • Data Size Converter
  • Unit Converter
View all dev tools
  • Case Converter
  • Word Counter
  • Text Diff Checker
  • Find & Replace
  • Markdown Preview
  • Text Tone Rewriter
  • HTML to Markdown
  • Text Cleaner
  • Lorem Ipsum Generator
  • URL Slug Generator
  • Markdown Table Generator
  • String Escape/Unescape Tool
  • Emoji Picker
  • Character Counter
  • Text to Binary Converter
  • Text to HTML Converter
  • Byte Counter
  • Text to Handwriting Converter
View all text tools
  • Color Converter
  • CSS Gradient Generator
  • Box Shadow Generator
  • CSS Flexbox Playground
  • CSS Grid Generator
  • Border Radius Generator
  • Aspect Ratio Calculator
  • Color Palette Generator
  • CSS Minifier
  • Tailwind CSS to CSS Converter
  • CSS Unit Converter
  • CSS Formatter
  • Color Blindness Simulator
  • HEX to RGB Converter
  • Favicon Generator
  • CSS Clip Path Generator
  • CSS Animation Generator
  • Color Mixer
  • CSS Triangle Generator
View all css tools
  • AI Prompt Cleaner
  • AI Text Summarizer Prep
  • AI Code Explainer Prep
  • AI Regex Prompt Builder
  • AI Commit Message Generator Prep
  • AI TODO Extractor
  • AI Token Counter
  • AI Context Window Calculator
  • AI Diff Explainer Prep
  • AI JSON-to-Prompt Generator
  • AI README Generator Prep
  • AI API Cost Calculator
  • AI Code Reviewer Prep
View all ai tools
DevUtility.hub

117+ Free Developer Tools · 100% Client-Side · Zero Tracking

Support

© 2026 DevUtility Hub. All rights reserved.

HomeToolsURL Encoder/Decoder

URL Encoder/Decoder

Encode or decode URLs and query parameters. Handle special characters safely for web development.

Client-side only
  1. For Encoding: Paste your URL or text with special characters into the "Input" field.
  2. Click "Encode" to convert it into a URL-safe format (spaces become %20, etc.).
  3. For Decoding: Paste an encoded URL (like example.com%2Fpath) into "Input".
  4. Click "Decode" to convert it back to readable text.
  5. Copy the result and use it in your links, API calls, or query strings!

💡 Common use case: Encoding query parameters like ?search=hello world → ?search=hello%20world

URL Encoding Example

See how special characters transform for URL safety

BEFORE
https://api.example.com/search?q=hello world&filter=dev tools
AFTER
https%3A%2F%2Fapi.example.com%2Fsearch%3Fq%3Dhello%20world%26filter%3Ddev%20tools

Common Use Cases

Query Parameters

Encode search terms, filters, and user input for safe URL query strings.

?search=java script → ?search=java%20script

API Requests

Encode path segments or parameters before sending Ajax/fetch requests.

fetch("/api/users/" + encodeURIComponent(name))

Email Links

Create mailto: links with encoded subject lines and body text containing special characters.

mailto:?subject=Hello%20World&body=Let%27s%20chat!

Shareable Links

Encode URLs when passing them as parameters to social share or redirect links.

/redirect?url=https%3A%2F%2Fexample.com

Pro Tips

  • 💡Only encode the query string/parameters, not the entire URL (keep https:// unencoded).
  • 💡Use encodeURIComponent() in JavaScript, not encodeURI() - it encodes more special characters.
  • 💡Always encode user input before adding it to URLs to prevent injection attacks.
  • 💡Double encoding (encoding twice) is a common mistake - decode first, then encode once.
  • 💡For URL paths, encode each segment separately, not the entire path with slashes.

Common Mistakes to Avoid

  • ⚠️Encoding the entire URL including protocol (encode only query parameters).
  • ⚠️Using + for spaces instead of %20 (+ works in forms, but %20 is standard for URLs).
  • ⚠️Not encoding & or = in query parameter values (they break parsing).
  • ⚠️Forgetting to decode before displaying to users (showing %20 instead of spaces).
  • ⚠️Double-encoding values (happens when encoding already-encoded text).

Frequently Asked Questions

People Also Search For

Base64 Encoder/DecoderHTML Entity Encoder/DecoderJSON FormatterHash GeneratorJWT DecoderQR Code Generator

This tool saved you time?

DevUtility Hub is free forever. If it helped you, consider buying us a coffee.

Buy Me a Coffee

Recommended Tools & Services

DigitalOcean$200 Free

Get $200 free credit — deploy apps, databases & more

JetBrains All ProductsEditor Choice

Professional IDEs for every language — 30-day free trial

Vercel ProWe Use It

Ship faster with zero-config deployments

Sponsored links

Sponsored

How to Use the URL Encoder/Decoder

This free online URL encoder and decoder converts special characters to their percent-encoded equivalents and back, ensuring your URLs are safe for transmission across the web. Whether you're building query strings, debugging API redirect chains, or working with OAuth callback URLs, this tool handles encoding and decoding instantly in your browser.

Step-by-Step

1. **Paste your URL or text** into the input field.

  • Select Encode or Decode — Encode converts characters like spaces, ampersands, and Unicode into percent-encoded format (%20, %26, etc.). Decode reverses this process.
  • Copy the result — Click the Copy button to grab the encoded or decoded output.
  • Features

  • Full URL encoding — Encodes all special characters including spaces, &, =, ?, #, and Unicode characters.
  • Component-level encoding — Uses encodeURIComponent for query parameters and encodeURI for full URLs.
  • Instant decode — Converts percent-encoded strings back to readable text immediately.
  • Error handling — Malformed encoded strings are flagged with clear messages.
  • One-click copy — Copy the result to your clipboard instantly.
  • 100% client-side — Uses native JavaScript encoding functions. No server calls, no data collection.
  • Common Use Cases

  • Query Parameter Encoding — When building URLs with user-generated content, special characters like &, =, and spaces must be encoded to avoid breaking the URL structure.
  • OAuth and Redirect URLs — OAuth flows require callback URLs to be properly percent-encoded. Use this tool to encode redirect_uri values before passing them to authorization endpoints.
  • API Debugging — When API responses contain encoded URLs, paste them here to decode and inspect the actual target URL, query parameters, and fragment identifiers.
  • Internationalized URLs — URLs containing non-ASCII characters (like Chinese, Arabic, or emoji) need encoding. This tool handles the full Unicode range via UTF-8 percent-encoding.
  • Deep Link Construction — Mobile app deep links and universal links often require double-encoding. Encode your parameters before embedding them in the outer URL.
  • Tips for Power Users

    - Remember the difference: encodeURI preserves characters like /, ?, and # that are part of URL structure, while encodeURIComponent encodes everything — use the latter for query parameter values.

    - Double-encoded URLs (%2520 instead of %20) are a common bug. If your decoded output still has percent signs, decode again.

    - Spaces can be encoded as %20 or + depending on context. This tool uses %20 (standard), but form submissions use +.

    - Combine with the Base64 Encoder when working with tokens that appear in URLs.

    Why Use This Tool?

    All encoding and decoding happens locally in your browser using native JavaScript functions — encodeURIComponent, decodeURIComponent, encodeURI, and decodeURI. No data is transmitted to any server, making it safe for encoding URLs that contain sensitive parameters like API keys, tokens, or user data. It's fast, private, and always available — even offline once the page has loaded.

    Related Conversions

    Quick jump to related format conversions and tools.

    Base64 EncoderHTML Entity EncoderString Escape

    Related Tools You Might Like

    JSON Formatter

    Validate, prettify, and minify JSON data instantly in your browser. No data leaves your device.

    Data Sanitizer

    Remove emails, phone numbers, and PII from text before pasting into AI tools. Safe AI prompting made easy.

    Base64 Encoder/Decoder

    Encode text to Base64 or decode Base64 strings instantly. Useful for API tokens, data URIs, and debugging.

    String Escape/Unescape Tool

    Escape and unescape strings for JSON, HTML, URL, JavaScript, and XML. Handles special characters and Unicode.

    Word Counter

    Count words, characters, sentences, and paragraphs in your text. Estimate reading time instantly.

    Text Cleaner

    Deep-clean text by removing invisible characters, fixing encoding, normalizing whitespace, and stripping HTML.