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