छवि से Base64

यह इमेज से Base64 परिवर्तक तस्वीर को डेटा URI में बदलता है। यह लंबी टेक्स्ट स्ट्रिंग इमेज को सीधे समाहित करती है और साथ में तैयार CSS पृष्ठभूमि स्निपेट भी मिलता है। अलग फ़ाइल से लिंक करने के बजाय इमेज को इनलाइन किया जा सकता है।

यह आपके ब्राउज़र में स्थानीय रूप से चलता है, इसलिए इमेज आपके डिवाइस पर ही पढ़ी जाती है और कभी अपलोड नहीं होती।

डेटा URI पूरी इमेज को मार्कअप में रखता है, इसलिए ब्राउज़र को उसे लेने के लिए अलग नेटवर्क अनुरोध नहीं करनी पड़ती। आइकन जैसे छोटे संसाधन के लिए बची हुई राउंड यात्रा पृष्ठ को तेज महसूस करा सकती है।

Base64 का नुकसान आकार और कैशिंग है। सीमित टेक्स्ट वर्णमाला से बाइनरी डेटा दिखाने के कारण इसका आकार लगभग 33 प्रतिशत बढ़ जाता है। इनलाइन इमेज को अलग से कैश नहीं किया जा सकता, इसलिए उसे रखने वाला हर पृष्ठ उसे फिर डाउनलोड करता है।

सामान्य नियम है कि छोटे इमेजें, आइकन, छोटे लोगो या स्प्राइट को इनलाइन करें, जहां अनुरोध बचाना अतिरिक्त आकार से अधिक उपयोगी हो। बड़े इमेजें को सामान्य फ़ाइलें रखें, जिन्हें ब्राउज़र कैश कर सके और समानांतर लोड कर सके।

डेटा URI वहां काम करते हैं जहां URL स्वीकार होता है: img src, CSS पृष्ठभूमि, JSON फ़ील्ड या ईमेल टेम्पलेट। इसलिए वे स्वतंत्र स्निपेट के लिए उपयोगी हैं।