डेवलपर / एन्कोडिंग
Data URI जनरेटर
किसी भी फ़ाइल को data URI में बदलें—तैयार-टू-पेस्ट CSS और HTML स्निपेट, SVG के लिए छोटा URL-encoded विकल्प और encoded फ़ाइल कितनी बड़ी है, इसकी जानकारी पाएँ।
Data URI जनरेटर: data URI (RFC 2397) किसी फ़ाइल की सामग्री को सीधे लिंक या स्टाइलशीट में रखता है, जिससे अलग अनुरोध की ज़रूरत नहीं पड़ती। Base64 encoding हर 3 bytes को 4 अक्षरों में बदलती है, इसलिए फ़ाइल लगभग एक-तिहाई बड़ी हो जाती है। SVG टेक्स्ट होने के कारण इसके बजाय percent-encoded किया जा सकता है, जिसमें केवल %, #, < और > जैसे अक्षरों को escape किया जाता है; यह आमतौर पर छोटा होता है। यह आपके ब्राउज़र में 100% स्थानीय रूप से चलता है और सर्वर पर कोई फ़ाइल अपलोड नहीं होती।
- श्रेणी
- डेवलपर टूल्स
- रन
- आपके ब्राउज़र में
- लागत
- मुफ़्त · साइन अप की ज़रूरत नहीं
- उपलब्धता
- इस्तेमाल के लिए तैयार
पूरी तरह आपके ब्राउज़र में चलता है
फ़ाइल आपके ब्राउज़र में पढ़ी जाती है और कभी अपलोड नहीं होती।
Data URI कहां काम करते हैं
Data URI img src, CSS url(), icons के लिए link href और download links में काम करते हैं। Browsers किसी data URI को top-level page के रूप में खोलने से रोकते हैं, और सख्त Content Security Policy में उनका उपयोग करने वाली images या styles के लिए data: की अनुमति होनी चाहिए।
फ़ाइलों के बजाय टेक्स्ट encode करने के लिए Base64 encoder का उपयोग करें; तैयार Base64 string वाली images के लिए इमेज से Base64 टूल का उपयोग करें।
आकार में बढ़ोतरी
Base64 फ़ाइल के आकार में एक-तिहाई जोड़ता है, लेकिन server पर टेक्स्ट compression (gzip या Brotli) से इसका काफी हिस्सा वापस बच जाता है, क्योंकि encoded टेक्स्ट अच्छी तरह compress होता है। असली लागत यह है कि data को अलग से cache नहीं किया जा सकता और जिस page या stylesheet में वह शामिल है, उसके हर बार डाउनलोड होने पर data फिर से डाउनलोड होता है।
इस्तेमाल करने का तरीका
- फ़ाइल चुनें या ड्रॉप करें; इमेज का प्रीव्यू दिखाया जाता है।
- SVG फ़ाइलों के लिए URL-encoded या Base64 encoding चुनें।
- data URI या CSS अथवा HTML स्निपेट कॉपी करें।
गोपनीयता और सीमाएँ
फ़ाइल आपके ब्राउज़र में पढ़ी जाती है और कभी अपलोड नहीं होती।
संबंधित टूल्स
अक्सर पूछे जाने वाले सवाल
मुझे data URI का उपयोग कब करना चाहिए?
एक बार इस्तेमाल होने वाली छोटी फ़ाइलों के लिए, जैसे कुछ kilobytes से छोटी icons। बड़ी फ़ाइलों को अलग से उपलब्ध कराना बेहतर होता है, ताकि ब्राउज़र उन्हें cache कर सके और समानांतर रूप से लोड कर सके।
SVG के लिए URL encoding का उपयोग क्यों करें?
इससे SVG पढ़ने योग्य रहता है और यह आमतौर पर Base64 से छोटा होता है; double quotes को single quotes में बदल दिया जाता है, ताकि परिणाम url("…") या HTML attribute के अंदर आ सके।
क्या आकार की कोई सीमा है?
आधुनिक ब्राउज़र images और stylesheets में कई megabytes की data URI स्वीकार करते हैं, लेकिन बड़ी data URI parsing को धीमा करती हैं और पेज को भारी बनाती हैं।
मुफ़्त टूल · आपके ब्राउज़र में बार चलता है · अकाउंट की ज़रूरत नहीं