URL एनकोडिंग (जिसे परसेंट एनकोडिंग भी कहा जाता है) एक तंत्र है जो URL में विशेष वर्णों को %XX फॉर्मेट का उपयोग करके दर्शाता है, जहां XX हेक्साडेसिमल मान है। यह एनकोडिंग वेब डेवलपमेंट, API इंटीग्रेशन और डेटा ट्रांसमिशन के लिए आवश्यक है। जब आपको URL या क्वेरी पैरामीटर में स्पेस, एम्परसैंड (&), प्रश्न चिह्न (?) या नॉन-ASCII वर्ण जैसे विशेष वर्णों को शामिल करने की आवश्यकता होती है, तो उचित एनकोडिंग सुनिश्चित करती है कि डेटा URL संरचना को तोड़े बिना सुरक्षित रूप से ट्रांसमिट हो। टूल दो एनकोडिंग मोड को सपोर्ट करता है: पूर्ण URL एनकोडिंग (encodeURI) URL संरचना वर्णों जैसे :, /, ?, &, = को संरक्षित करते हुए अन्य विशेष वर्णों को एनकोड करता है—पूर्ण URLs को एनकोड करने के लिए आदर्श। कंपोनेंट एनकोडिंग (encodeURIComponent) URL संरचना वर्णों सहित सभी विशेष वर्णों को एनकोड करता है—क्वेरी पैरामीटर मानों, फॉर्म डेटा और API अनुरोध पेलोड के लिए बिल्कुल सही। सभी प्रोसेसिंग आपके ब्राउज़र में क्लाइंट-साइड पर होती है बिना सर्वर को डेटा भेजे।
How to Use
शीर्ष पर रेडियो बटन का उपयोग करके एनकोड या डीकोड मोड चुनें। एनकोडिंग के लिए: अपना टेक्स्ट या URL इनपुट एरिया में पेस्ट करें और आउटपुट स्वचालित रूप से एनकोडेड परिणाम के साथ अपडेट हो जाता है। अपनी स्पेस एनकोडिंग स्टाइल चुनें: %20 (स्टैंडर्ड, RFC 3986 अनुरूप) या + (क्वेरी स्ट्रिंग्स और फॉर्म डेटा में सामान्य)। पूर्ण URL एनकोडिंग (संरक्षित करता है :, /, ?, &, =) और कंपोनेंट एनकोडिंग (सब कुछ एनकोड करता है) के बीच स्विच करने के लिए 'पूर्ण URL एनकोड करें' टॉगल करें। डीकोडिंग के लिए: एनकोडेड URL टेक्स्ट पेस्ट करें और यह स्वचालित रूप से पठनीय फॉर्मेट में डीकोड हो जाता है, %20 और + दोनों स्पेस प्रतिनिधित्वों को संभालता है। कॉपी बटन का उपयोग करके एक क्लिक में आउटपुट कॉपी करें, या परिणामों को टेक्स्ट फ़ाइल के रूप में डाउनलोड करें।
Common Use Cases & Examples
**क्वेरी पैरामीटर**: 'smart watch' को 'smart%20watch' या 'smart+watch' में URL क्वेरी स्ट्रिंग्स के लिए एनकोड करें। **API अनुरोध**: 'https://api.example.com/search?q=इलेक्ट्रॉनिक्स%20%26%20गैजेट्स&कीमत=%3E100' जैसे API URLs को ठीक से एनकोडेड पैरामीटर के साथ बनाएं। **OAuth और हस्ताक्षर**: कई OAuth फ्लो और API हस्ताक्षर एल्गोरिदम को URL-एनकोडेड पैरामीटर की आवश्यकता होती है। **फॉर्म डेटा**: application/x-www-form-urlencoded कंटेंट टाइप के लिए फॉर्म सबमिशन को एनकोड करें। **डीप लिंक्स**: पैरामीटर के साथ मोबाइल ऐप्स के लिए एनकोडेड डीप लिंक्स बनाएं। **डिबगिंग**: वास्तविक पैरामीटर मान देखने के लिए API रिस्पॉन्स या ब्राउज़र URL बार को डीकोड करें। **विशेष वर्ण**: URLs में &, =, ?, #, /, @, :, <, >, \", ', %, + और स्पेस जैसे वर्णों को हैंडल करें।
Limitations & Important Notes
यह टूल UTF-8 एनकोडिंग (आधुनिक वेब के लिए मानक) का उपयोग करता है। नॉन-UTF-8 एनकोडिंग सपोर्टेड नहीं हैं। टूल स्टैंडर्ड URL एनकोडिंग को हैंडल करता है; अन्य एनकोडिंग स्कीम (जैसे base64 या HTML एंटिटीज़) के लिए, संबंधित टूल का उपयोग करें। बहुत लंबे URLs (>100KB) पुराने ब्राउज़र में परफॉर्मेंस समस्याएं पैदा कर सकते हैं। डीकोड मोड में खराब फॉर्मेटेड परसेंट सीक्वेंस (जैसे %ZZ या अधूरे सीक्वेंस) एरर मैसेज ट्रिगर करेंगे। 'पूर्ण URL एनकोड करें' विकल्प का उपयोग केवल http:// या https:// से शुरू होने वाले पूर्ण URLs के लिए किया जाना चाहिए—केवल क्वेरी पैरामीटर मानों के लिए, कंपोनेंट एनकोडिंग का उपयोग करें। याद रखें कि URL एनकोडिंग टेक्स्ट साइज़ बढ़ाती है: प्रत्येक विशेष वर्ण 3 वर्ण (%XX) बन जाता है, इसलिए 'hello world' (11 वर्ण) 'hello%20world' (13 वर्ण) बन जाता है।
// JavaScript URL Encoding Examples
// Encode full URL (preserves protocol, slashes, etc.)
const fullUrl = 'https://example.com/search?q=hello world';
const encodedUrl = encodeURI(fullUrl);
console.log(encodedUrl);
// https://example.com/search?q=hello%20world
// Encode URL component (encodes all special chars)
const queryParam = 'hello world & special chars';
const encodedParam = encodeURIComponent(queryParam);
console.log(encodedParam);
// hello%20world%20%26%20special%20chars
// Build URL with encoded parameters
const baseUrl = 'https://api.example.com/search';
const params = {
q: 'smart watch',
category: 'electronics & gadgets',
price: '>100'
};
const queryString = Object.entries(params)
.map(([key, value]) =>
`${encodeURIComponent(key)}=${encodeURIComponent(value)}`)
.join('&');
const fullApiUrl = `${baseUrl}?${queryString}`;
console.log(fullApiUrl);
// https://api.example.com/search?q=smart%20watch&category=electronics%20%26%20gadgets&price=%3E100
// Decode URL
const encoded = 'https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dhello+world';
const decoded = decodeURIComponent(encoded.replace(/\+/g, ' '));
console.log(decoded);
// https://example.com/search?q=hello world
// Handle encoding errors
try {
const malformed = '%E0%A4%A'; // Incomplete UTF-8 sequence
const result = decodeURIComponent(malformed);
} catch (error) {
console.error('Invalid URL encoding:', error.message);
}