एन्कोडिंग
Data URI / Base64 इमेज
इमेज को Data URI (data:image/…;base64,…) में एन्कोड करना ताकि CSS/HTML में डाला जा सके, और Data URI या सादे Base64 को वापस फ़ाइल में डिकोड करना — सब कुछ सीधे ब्राउज़र में।
यहाँ इमेज का प्रीव्यू दिखाई देगा।
अक्सर पूछे जाने वाले प्रश्न
Data URI का फ़ायदा क्या है और इसे कब इस्तेमाल करना चाहिए?
यह छोटी इमेज को सीधे CSS या HTML फ़ाइल में एम्बेड कर देता है, जिससे एक अलग HTTP रिक्वेस्ट की ज़रूरत नहीं पड़ती — यह छोटे आइकॉन या स्प्राइट्स के लिए फ़ायदेमंद है, बड़ी इमेज के लिए नहीं।
बड़ी इमेज के लिए Data URI इस्तेमाल करने में क्या दिक़्क़त है?
Data URI एक असली फ़ाइल URL की तरह ब्राउज़र या CDN द्वारा कैश नहीं होती, और Base64 एन्कोडिंग से साइज़ भी करीब 33% बढ़ जाता है — साथ ही कुछ ब्राउज़र और ईमेल क्लाइंट्स में इसकी लंबाई की सीमा भी होती है।
क्या मेरी इमेज कहीं अपलोड होती है?
नहीं, इमेज को Data URI में बदलना या वापस फ़ाइल में डिकोड करना पूरी तरह ब्राउज़र में होता है, कुछ भी सर्वर पर नहीं भेजा जाता।