गाइड

Base64 इमेज और data URL: कब उपयोग करें, कब नहीं

Data URL छोटी फ़ाइल के लिए ठीक है, लेकिन आकार, कैश और प्रदर्शन पर असर डालता है।

यह क्या करता है

Data URL छोटी फ़ाइल को URL स्ट्रिंग के भीतर रखता है। इमेज का सामान्य रूप data:image/png;base64, से शुरू होता है।

सही उपयोग

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

लागत

Base64 हर 3 बाइट को 4 वर्णों में बदलता है। इससे HTML या CSS बड़ा होता है और ब्राउज़र को फ़ाइल पहचानने से पहले वह पूरा हिस्सा पढ़ना पड़ता है।

सीमाएं

MDN लंबाई की सीमाएं और सुरक्षा नियम बताता है। आधुनिक ब्राउज़र फ़िशिंग के जोखिम के कारण data: URL पर शीर्ष-स्तरीय नेविगेशन रोकते हैं।

व्यावहारिक नियम

केवल इतनी छोटी फ़ाइलों को इनलाइन रखें कि स्रोत पढ़ना कठिन न हो। सामान्य इमेज और अपलोड को अलग फ़ाइल के रूप में रखें।

तकनीकी स्रोत