इमेज टू डेटा URI / Base64 कनवर्टर

इमेज टू डेटा URI / Base64 कनवर्टर

यह इमेज टू डेटा URI / Base64 कनवर्टर एक स्थानीय इमेज को टेक्स्ट में बदल देता है जिसे आप HTML, CSS, JSON, दस्तावेज़ीकरण, प्रोटोटाइप या API पेलोड में रख सकते हैं। एक इमेज चुनें या ड्रॉप करें, अपनी ज़रूरत के अनुसार आउटपुट स्टाइल चुनें, और जेनरेट किए गए परिणाम को कॉपी या डाउनलोड करें। यह टूल अधिकतम 20 MB के इनपुट फ़ाइल आकार का समर्थन करता है और आपके द्वारा चुनी गई या ड्रॉप की गई पहली इमेज को प्रोसेस करता है।

यह तब उपयोगी होता है जब एक छोटी इमेज को उस कोड के साथ रहना होता है जो इसका उपयोग करता है। एक अलग इमेज URL को रेफर करने के बजाय, एक डेटा URI एक ही टेक्स्ट वैल्यू में इमेज MIME टाइप और Base64 पेलोड को ले जाता है। Base64 only मोड आपको बिना प्रीफ़िक्स के पेलोड देता है, जबकि CSS url() उसी डेटा URI को CSS सिंटैक्स के अंदर रखता है।

यह कनवर्टर आपके ब्राउज़र की फ़ाइल-रीडिंग क्षमता के साथ चलता है। इसे इमेज URL फ़ील्ड की आवश्यकता नहीं है, यह किसी एप्लिकेशन एंडपॉइंट पर कन्वर्जन रिक्वेस्ट नहीं भेजता है, और आउटपुट को एन्क्रिप्ट नहीं करता है। Base64 एक एन्कोडिंग प्रारूप है, गोपनीयता या सुरक्षा नियंत्रण नहीं। एन्कोडेड टेक्स्ट को निजी इमेज या क्रेडेंशियल छिपाने के सुरक्षित तरीके के रूप में न मानें।

आप क्या बना सकते हैं

Output format कंट्रोल के तीन विकल्प हैं। डिफ़ॉल्ट रूप से Data URI चुना गया है। यह परिचित data:image/…;base64,… रूप में टेक्स्ट तैयार करता है, जिसमें कई ब्राउज़र संदर्भों के लिए आवश्यक MIME प्रीफ़िक्स शामिल होता है। जब कोई सिस्टम पहले से ही इमेज टाइप जानता हो और केवल पेलोड मांगता हो, तो Base64 only चुनें। जब आप ऐसी वैल्यू चाहते हैं जिसे स्टाइलशीट या इनलाइन background-image डिक्लेरेशन में पेस्ट किया जा सके, तो CSS url() चुनें।

अपलोड क्षेत्र JPG, PNG, GIF, WebP, BMP, SVG और AVIF का विज्ञापन करता है। यह ब्राउज़र इमेज पिकर के माध्यम से इमेज फ़ाइलों को स्वीकार करता है, या तो ड्रॉप ज़ोन पर क्लिक करके या उस पर फ़ाइल ड्रैग करके। एक समर्थित इमेज पढ़े जाने के बाद, परिणाम कार्ड थंबनेल दिखाता है (जब ब्राउज़र उसे प्रदर्शित कर सके), फ़ाइल का नाम, MIME टाइप, मूल आकार और इमेज डाइमेंशन (जब उपलब्ध हो)।

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

इमेज को कैसे कनवर्ट करें

1. अपलोड पैनल खोलें और पुष्टि करें कि आपकी सोर्स फ़ाइल एक इमेज है और 20 MB से बड़ी नहीं है।
2. एक इमेज को Drop your image here पर ड्रैग करें, या अपने डिवाइस से इसे चुनने के लिए Browse image पर क्लिक करें।
3. परिणाम पैनल द्वारा फ़ाइल विवरण और जेनरेट किए गए आउटपुट को प्रदर्शित करने की प्रतीक्षा करें।
4. Output format के अंतर्गत, Data URI, Base64 only, या CSS url() चुनें।
5. यदि आप चाहते हैं कि लंबा परिणाम आउटपुट बॉक्स के अंदर विजुअली रैप हो, तो Wrap का उपयोग करें। सिंगल-लाइन डिस्प्ले पर वापस जाने के लिए Unwrap चुनें।
6. वैल्यू का उपयोग करने से पहले फ़ाइल का नाम, MIME टाइप, डाइमेंशन और आउटपुट आंकड़ों की समीक्षा करें।
7. वर्तमान आउटपुट को अपने क्लिपबोर्ड पर रखने के लिए Copy चुनें, या इसे टेक्स्ट फ़ाइल के रूप में सहेजने के लिए Download चुनें।

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

सही आउटपुट फॉर्मेट चुनना

जब आपको पूर्ण इमेज सोर्स वैल्यू की आवश्यकता हो तो Data URI का उपयोग करें। उदाहरण के लिए, इसे HTML इमेज सोर्स के रूप में <img src="data:image/png;base64,…" alt="Example"> के रूप में असाइन किया जा सकता है। प्रीफ़िक्स मायने रखता है क्योंकि यह प्राप्त करने वाले ब्राउज़र को बताता है कि एन्कोडेड पेलोड क्या दर्शाता है।

जब आपका टारगेट स्पष्ट रूप से रॉ Base64 मांगता है तो Base64 only का उपयोग करें। यह स्ट्रक्चर्ड डेटा, कुछ API रिक्वेस्ट बॉडी, या उन टूल में आम है जो इमेज टाइप को अलग से इकट्ठा करते हैं। HTML src एट्रिब्यूट में रॉ Base64 पेलोड पेस्ट न करें जब तक कि डेस्टिनेशन उस व्यवहार को प्रलेखित न करे; एक साधारण ब्राउज़र इमेज सोर्स को डेटा URI प्रीफ़िक्स की आवश्यकता होती है।

जब आप रेडी-टू-पेस्ट CSS वैल्यू चाहते हैं, जैसे कि background-image: url("data:image/webp;base64,…");, तो CSS url() का उपयोग करें। यह एक छोटी सजावटी इमेज या स्व-निहित CSS उदाहरण के लिए सुविधाजनक है। यह स्वचालित रूप से प्रत्येक बैकग्राउंड इमेज के लिए सबसे अच्छा प्रोडक्शन विकल्प नहीं है, विशेष रूप से बड़ी या पुन: प्रयोज्य संपत्तियों के लिए।

एम्बेड की गई इमेज कब मदद करती हैं

एम्बेडिंग बहुत छोटे आइकन, ईमेल-सुरक्षित स्निपेट्स, सिंगल-फाइल डेमो, जेनरेट की गई HTML रिपोर्ट या त्वरित प्रोटोटाइप के लिए व्यावहारिक हो सकती है जहाँ एक टेक्स्ट आर्टिफ़ैक्ट ले जाना उपयोगी होता है। डेटा URI उन संदर्भों में एक अलग इमेज रिक्वेस्ट से भी बचाता है जहाँ इमेज का उपयोग एक बार किया जाता है और जहाँ अंतिम टेक्स्ट का आकार उचित रहता है।

सामान्य साइट इमेजेस के लिए, अक्सर एक बाहरी फ़ाइल ही बेहतर विकल्प बनी रहती है। अलग इमेज फ़ाइलों को स्वतंत्र रूप से कैश किया जा सकता है, इमेज पाइपलाइन द्वारा ऑप्टिमाइज़ किया जा सकता है, रिस्पॉन्सिव वेरिएंट में डिलीवर किया जा सकता है, और पेजों पर पुन: उपयोग किया जा सकता है। एक बड़ी बेस64 स्ट्रिंग HTML या CSS का आकार बढ़ाती है, सोर्स फ़ाइलों को पढ़ना कठिन बनाती है, और हर उस जगह इमेज को दोहराती है जहाँ आप इसे पेस्ट करते हैं। एम्बेडेड इमेज के लिए प्रतिबद्ध होने से पहले आउटपुट आँकड़ों की तुलना अपने वास्तविक पेज की आवश्यकताओं के साथ करें।

बेस64 में कोई एक्सेस कंट्रोल या गोपनीयता गुण भी नहीं होते हैं। जो कोई भी टेक्स्ट प्राप्त करता है, वह इसे वापस इमेज बाइट्स में डिकोड कर सकता है। निजी इमेजेस को सार्वजनिक मार्कअप, सार्वजनिक स्टाइल शीट, साझा लॉग और इश्यू रिपोर्ट से बाहर रखें, चाहे वे फ़ाइलों के रूप में हों या बेस64 स्ट्रिंग्स के रूप में।

विश्वसनीय परिणामों के लिए सुझाव

• अंतिम इमेज आयामों के साथ शुरू करें। एन्कोडिंग सोर्स फ़ाइल का आकार नहीं बदलती या उसे कंप्रेस नहीं करती है।
• रूपांतरण से पहले फ़ाइल फ़ॉर्मेट चुनें: आउटपुट ब्राउज़र द्वारा रिपोर्ट किए गए इमेज MIME टाइप को बनाए रखता है।
• ब्राउज़र-तैयार इमेज सोर्स के लिए डेटा URI का उपयोग करें, केवल रॉ-पेलोड आवश्यकता के लिए बेस64 का, और CSS वैल्यू के लिए CSS url() का उपयोग करें।
• टेक्स्ट एरिया में आउटपुट का निरीक्षण करना आसान बनाने के लिए केवल Wrap का उपयोग करें। जब तक कि गंतव्य के लिए आवश्यक न हो, जेनरेट किए गए टेक्स्ट में बदलाव न करें या उसे ट्रिम न करें।
• पब्लिश करने से पहले एक छोटे परीक्षण पेज, स्टाइलशीट या गंतव्य फ़ील्ड में पेस्ट करें। यह सत्यापित करता है कि उपभोक्ता सिस्टम चुने गए फॉर्म को स्वीकार करता है।
• एक मूल इमेज फ़ाइल रखें। डाउनलोड बटन जेनरेट किए गए टेक्स्ट को सेव करता है, इमेज की रिप्लेसमेंट कॉपी को नहीं।

सीमाएं और समस्या निवारण

कनवर्टर एक बार में एक ही इमेज को हैंडल करता है: जब कई फ़ाइलें ड्रॉप की जाती हैं, तो यह पहली फ़ाइल का उपयोग करता है। 20 MB से बड़ी फ़ाइलें अस्वीकार कर दी जाती हैं। जेनरेट किया गया आउटपुट मूल इमेज की तुलना में बहुत लंबा हो सकता है क्योंकि बेस64 बाइनरी डेटा को टेक्स्ट के रूप में प्रस्तुत करता है। लंबे आउटपुट की उम्मीद है और यह डेटा की खराबी का संकेत नहीं देता है।

यदि कुछ भी दिखाई नहीं देता है, तो जांचें कि फ़ाइल एक इमेज है और आकार सीमा से नीचे है। Browse image के साथ इसे फिर से चुनने का प्रयास करें। यदि थंबनेल या आयाम दिखाई नहीं देते हैं, तो ब्राउज़र उस विशेष इमेज का पूर्वावलोकन करने में सक्षम नहीं हो सकता है, लेकिन फिर भी आपको इसका उपयोग करने से पहले यह सत्यापित करना चाहिए कि आउटपुट तैयार हुआ था या नहीं। यदि लक्षित एप्लिकेशन आपके वैल्यू को अस्वीकार कर देता है, तो पुष्टि करें कि क्या उसे पूर्ण डेटा URI, रॉ बेस64, या उसके अपने JSON फ़ील्ड स्ट्रक्चर की आवश्यकता है।

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

अक्सर पूछे जाने वाले प्रश्न