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