Data URI जनरेटर
किसी भी फ़ाइल या टेक्स्ट को सही MIME टाइप के साथ data: URI में बदलें, Base64 या percent-encoded, साथ में तैयार <img> और CSS बैकग्राउंड स्निपेट। लोकली चलता है।
Data URI जनरेटर क्या है?
Data URI किसी फ़ाइल को सीधे HTML, CSS या JSON के भीतर data:<mime>;base64,<data> के रूप में एम्बेड करता है, जिससे अलग रिक्वेस्ट की ज़रूरत नहीं पड़ती। यह टूल किसी भी फ़ाइल (इमेज, फ़ॉन्ट, SVG, PDF…) या टाइप किए टेक्स्ट को data URI में बदलता है, MIME टाइप पहचानता है, Base64 या percent-encoding चुनने देता है और मेल खाते HTML व CSS स्निपेट देता है।
Data URI जनरेटर का उपयोग कैसे करें
- फ़ाइल चुनकर फ़ाइल छोड़ें, या टेक्स्ट चुनकर सामग्री टाइप करें।
- MIME टाइप जाँचें या बदलें।
- बाइनरी फ़ाइलों के लिए Base64 एन्कोडिंग चालू रखें; टेक्स्ट और SVG को percent-encode करने के लिए उसे बंद करें (अक्सर छोटा होता है)।
- Data URI या HTML / CSS स्निपेट कॉपी करें।
उदाहरण
Text: Hello, World! (Base64 on)
data:text/plain;base64,SGVsbG8sIFdvcmxkIQ==
Data URI जनरेटर का उपयोग कब करें
छोटी संपत्तियों – आइकन, छोटे SVG, प्लेसहोल्डर इमेज, सिंगल-फ़ाइल डेमो या ईमेल टेम्पलेट के फ़ॉन्ट, और टेस्ट फ़िक्स्चर – के लिए data URI इस्तेमाल करें। वेबसाइटों पर कुछ किलोबाइट से बड़ी फ़ाइलों के लिए इनसे बचें: Base64 आकार में लगभग 33% जोड़ता है और एम्बेड डेटा पेज या स्टाइलशीट से अलग कैश नहीं हो सकता।
Data URI जनरेटर कैसे काम करता है
फ़ाइल ब्राउज़र में बाइट के रूप में पढ़ी जाती है। MIME टाइप ब्राउज़र या फ़ाइल एक्सटेंशन से आता है। Base64 के साथ बाइट मानक वर्णमाला (RFC 4648) से एन्कोड होकर data:<mime>;base64,… (RFC 2397) के रूप में लिखे जाते हैं। Base64 के बिना सामग्री UTF-8 के रूप में डिकोड होती है और encodeURIComponent से एस्केप की जाती है, और टेक्स्ट टाइप के लिए ;charset=utf-8 जोड़ा जाता है। इमेज के लिए पूर्वावलोकन दिखता है, और परिणाम का आकार दिखाया जाता है।
सामान्य उपयोग मामले
- CSS background-image में छोटा SVG आइकन इनलाइन करना
- सिंगल-फ़ाइल HTML रिपोर्ट में इमेज एम्बेड करना
- JSON API फ़िक्स्चर में छोटी इमेज डालना
- स्वयं-पूर्ण ईमेल सिग्नेचर इमेज बनाना
अक्सर पूछे जाने वाले प्रश्न
Data URI मेरी फ़ाइल से बड़ा क्यों है?
Base64 हर 3 बाइट को 4 अक्षरों के रूप में एन्कोड करता है, इसलिए परिणाम लगभग 33% बड़ा होता है। टेक्स्ट या SVG को percent-encode करना अक्सर छोटा होता है।
क्या मेरी फ़ाइल अपलोड होती है?
नहीं। फ़ाइल पूरी तरह आपके ब्राउज़र में पढ़ी और एन्कोड की जाती है।
आकार की सीमा क्या है?
टूल 20 MB तक की फ़ाइलें स्वीकार करता है, पर ब्राउज़र और ईमेल क्लाइंट बड़े data URI को ठीक से नहीं संभालते; उन्हें छोटा रखें।