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