विशुद्ध रूप से जिज्ञासा से बाहर, कौन सा ब्राउज़र बेस 64 छवि एम्बेडिंग कार्य करता है? क्या मैं की बात कर रहा हूँ है यह ।
मुझे लगता है कि यह आमतौर पर ज्यादातर चीजों के लिए एक अच्छा समाधान नहीं है, क्योंकि यह पृष्ठ के आकार को काफी बढ़ाता है - मैं बस उत्सुक हूं।
कुछ उदाहरण:
HTML:
<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />सीएसएस:
div.image {
width:100px;
height:100px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...);
}
3
उदाहरणों के साथ पृष्ठ को क्यों सेट नहीं किया जाता है, हम सभी वास्तविक परीक्षण करेंगे और इसे यहां पर रिपोर्ट करेंगे
—
Nir Levy
64 बिट्स केवल 6 अक्षर 2 ^ 6 लेता है। एन्कोडिंग प्रकार के आधार पर एक पाठ स्ट्रिंग में न्यूनतम प्रति वर्ण 8 बिट्स होगा। आपने कम से कम 25% दक्षता ढीली की .... मेरे त्वरित परीक्षण ने लगभग 30% नुकसान दिखाया।
इससे भी महत्वपूर्ण बात यह है कि आप संभवतः अपने सामान को प्रभावी ढंग से कैश करने की क्षमता खो देते हैं।
—
Hut8
@BrianHaak "जबरदस्त" कुछ नहीं कहता है। मैंने पिछले कुछ वर्षों के दौरान ReactJs के साथ व्यक्तिगत रूप से कई बार बेस 64 छवियों का उपयोग किया है और उनमें कोई भी प्रतिपादन मुद्दे नहीं थे। कृपया कुछ माप प्रदान करें।
—
लुकास लीसिस
@LukasLiesis मैंने वाणिज्यिक उद्देश्यों के लिए Google Chrome में माप किए, इसलिए यहां कोई सार्वजनिक रिपोर्ट नहीं है। यह अद्वितीय छवियों को प्रस्तुत करने के लिए ठीक हो सकता है, लेकिन आपको यह विचार करना होगा कि कैशिंग बिल्कुल काम नहीं करता है। React.js में, यह बहुत महत्वपूर्ण है जब यह पुर्न-प्रतिपादन भागों (नेविगेशन परिवर्तनों पर, उदाहरण के लिए) को पूरा करता है।
—
ब्रायन हाक