Base64
Image Data URL
⚠️ Large image may freez the browser
CSS के लिए PNG को बेस64 में एनकोड करें
पीएनजी छवियों को बेस64 या डेटा यूआरएल प्रारूप में बदलें। बाहरी फ़ाइलों के बिना सीधे सीएसएस या जावास्क्रिप्ट में एम्बेड करें। बड़ी फ़ाइलें प्रदर्शन को प्रभावित कर सकती हैं; छोटे आकार की अनुशंसा की जाती है। बेस64 एन्कोडिंग वेब संपत्तियों के साथ एकीकरण को सरल बनाता है, बाहरी संसाधनों पर निर्भरता को कम करता है। डेटा यूआरएल प्रारूप गतिशील सामग्री वितरण के लिए कोड संरचना को सरल बनाता है।
Image → Base64 / Data URL
Click or Drag & Drop an Image
चित्रों को बेस64 कोड में बदलें
1
PNG छवि अपलोड करें
अपनी पीएनजी छवि अपलोड करने के लिए अपलोड क्षेत्र में क्लिक करें या उसे खींचकर डालें।
2
चुनाव एन्कोडिंग प्रारूप चुनें
'बेस64' या 'डेटायूआरएल' टैब में से किसी एक को चुनें अपनी पसंद की एन्कोडिंग फॉर्मेट चुनने के लिए।
3
Base64 डेटा देखें
आपके चित्र का बेस64 या डेटा यूआरएल प्रतिनिधित्व नीचे टैब के नीचे टेक्स्ट क्षेत्र में दिखाई देगा।
4
कॉपी एन्कोडेड टेक्स्ट
'कॉपी' बटन पर क्लिक करके एन्कोडेड टेक्स्ट को अपने क्लिपबोर्ड पर कॉपी करें, ताकि आप इसे अपनी सीएसएस या जावास्क्रिप्ट में उपयोग कर सकें।
अपनी सीएसएस में सीधे पीएनजी एम्बेड करें
आपकी सीएसएस में सीधे एक छोटा चित्र शामिल करने के लिए, पीएनजी को बेस64 या डेटायूआरएल प्रारूप में बदला जा सकता है। एन्कोड-पीएनजी-टू-बेस64-फॉर-सीएसएस टूल आपके वेब विकास कार्यप्रवाह को सुव्यवस्थित करता है और एचटीटीपी अनुरोधों को कम करता है। इससे स्वच्छ, अधिक कुशल कोड और तेज़ पृष्ठ लोडिंग समय प्राप्त होता है।
फ़ाइल का आकार घटाएँ और HTTP अनुरोध कम करें
यह उपकरण आपके वेबसाइट को लोड करने के लिए आवश्यक फ़ाइलों की संख्या को PNG छवियों को Base64 या DataURL प्रारूपों में बदलकर कम करता है। छवियों को सीधे आपकी CSS या JavaScript में एम्बेड करने से HTTP अनुरोध कम हो जाते हैं, जिससे पृष्ठ लोड गति बढ़ सकती है। यह दृष्टिकोण बाहरी फ़ाइल निर्भरता को कम करके वेबसाइट के प्रदर्शन को अनुकूलित करता है।
अक्सर पूछे जाने वाले प्रश्न
बेस64 डेटा यूआरएल क्या होता है और आप इसका उपयोग क्यों करेंगे?
बेस64 डेटा यूआरएल छवियों को वर्णों की एक स्ट्रिंग के रूप में दर्शाने का एक तरीका है। यह आपको सीएसएस या जावास्क्रिप्ट कोड में सीधे छवियों को एम्बेड करने की अनुमति देता है, जिससे उन्हें बाहरी फ़ाइलों से लोड करने की आवश्यकता समाप्त हो जाती है। यह छोटे आइकन या छवियों के लिए उपयोगी हो सकता है।
मैं उत्पन्न Base64 या DataURL का उपयोग कैसे करूं?
बस अपने चित्र को परिवर्तित करने के बाद दिया गया कोड कॉपी करें और उसे अपनी सीएसएस या जावास्क्रिप्ट में पेस्ट कर दें। उदाहरण के लिए, सीएसएस में, आप इसका उपयोग इस तरह कर सकते हैं: पृष्ठभूमि-चित्र: url('data:image/png;base64,...');
यह उपकरण किन छवि प्रारूपों का समर्थन करता है?
यह उपकरण विशेष रूप से PNG छवियों के लिए डिज़ाइन किया गया है। अन्य प्रारूप सही ढंग से परिवर्तित नहीं हो सकते हैं।
बड़े चित्रों की अनुशंसा क्यों नहीं की जाती?
बड़ी तस्वीरें बहुत लंबी Base64 स्ट्रिंग बनाती हैं, जिससे आपका कंप्यूटर धीमा हो सकता है और पेज लोड होने में ज़्यादा समय लग सकता है। छोटी तस्वीरों के लिए इस टूल का उपयोग करना सबसे अच्छा है।
क्या अपलोड करने के लिए मेरी इमेज का आकार सीमित है?
भले ही फ़ाइल आकार की कोई सख्त सीमा नहीं है, लेकिन बड़ी छवियों के साथ प्रदर्शन कम हो जाएगा। सर्वोत्तम परिणामों के लिए छोटे PNG फ़ाइलें उपयोग करने की अनुशंसा की जाती है।