सीएसएस डेटा यूआरआई में पीएनजी छवियों के लिए बेस64 एन्कोडिंग का उपयोग करना

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

यूनिक्स कमांड-लाइन समाधान:

base64 -i /path/to/image.png

यह कमांड बेस64-एनकोडेड पीएनजी डेटा को आउटपुट करेगा।

पायथन समाधान:

import base64

with open("/path/to/image.png", "rb") as f:
    binary_data = f.read()

base64_data = base64.b64encode(binary_data).decode("utf-8")
ext = "png"

data_uri = f"data:image/{ext};base64,{base64_data}"

print(data_uri)

यह पायथन स्क्रिप्ट पीएनजी फ़ाइल को बाइनरी मोड में पढ़ती है, इसे बेस64 में परिवर्तित करती है, और फिर उपयुक्त MIME प्रकार और एक्सटेंशन सहित डेटा URI का निर्माण करती है।

अतिरिक्त नोट्स:

• सुनिश्चित करें कि छवि का एक्सटेंशन MIME प्रकार के बाद डेटा यूआरआई में शामिल है, उदाहरण के लिए, "डेटा: छवि/पीएनजी;बेस64"।
• का उपयोग करें यूनिकोड से संबंधित किसी भी संभावित समस्या को संभालने के लिए पायथन में "डीकोड('यूटीएफ-8')" विधि।