छवि से Base64
छवियों को Base64 एन्कोडेड स्ट्रिंग में बदलें
इनपुट छवि
छवि चुनें या खींचकर छोड़ें
10 MiB तक की छवि फ़ाइलें। JPG, PNG, GIF, WebP, SVG और अन्य छवि प्रारूप।
फ़ाइल की जानकारी
- नाम
- —
- आकार
- 0 B
- MIME प्रकार
- —
- आयाम
- —
Base64 एन्कोडिंग के बारे में
- बाहरी फ़ाइलों के बिना छवियाँ सीधे HTML, CSS या JSON में एम्बेड करें
- ईमेल टेम्पलेट, डेटा URI और API प्रतिक्रियाओं के लिए उपयोगी
- Base64 एन्कोडिंग से फ़ाइल का आकार लगभग 33% बढ़ जाता है
- आइकन, लोगो या थंबनेल जैसी छोटी छवियों के लिए सबसे उपयुक्त
Base64 परिणाम
Base64 परिणाम देखने के लिए कोई छवि अपलोड करें।
0 अक्षर
Base64 परिणाम देखने के लिए कोई छवि अपलोड करें।
उपयोग के उदाहरण
उदाहरण दिखाने के लिए छोटे किए गए हैं। कॉपी बटन पूरा HTML या CSS कॉपी करते हैं।
छवि से Base64 कन्वर्टर के बारे में
हमारा निःशुल्क छवि से Base64 कन्वर्टर छवि फ़ाइलों को Base64-एन्कोडेड टेक्स्ट स्ट्रिंग में बदलता है, जिसे सीधे HTML, CSS, JavaScript या JSON में जोड़ा जा सकता है। बस कोई छवि अपलोड करें या खींचकर छोड़ें, और टूल तुरंत आपके कोड में उपयोग के लिए तैयार पूरा data URI बना देता है।
Base64 एन्कोडिंग बाइनरी छवि डेटा को 64 वर्णों की वर्णमाला वाले टेक्स्ट फ़ॉर्मैट में बदलती है। इससे छवियों को टेक्स्ट आधारित दस्तावेज़ों में सीधे शामिल किया जा सकता है और अलग से छवि फ़ाइल मँगाने की ज़रूरत नहीं रहती। Base64 एन्कोडिंग डेटा का आकार लगभग 33% बढ़ा देती है, फिर भी आइकन, लोगो और थंबनेल जैसी छोटी छवियों के लिए यह समझौता फ़ायदेमंद है, क्योंकि HTTP अनुरोध घटने से पृष्ठ तेज़ी से लोड होता है।
कन्वर्टर आपकी छवियों को पूरी तरह ब्राउज़र में FileReader API से प्रोसेस करता है। छवि का कोई भी डेटा किसी सर्वर पर अपलोड नहीं होता, इसलिए निजी ग्राफ़िक, गोपनीय स्क्रीनशॉट या किसी भी संवेदनशील दृश्य सामग्री को एन्कोड करना पूरी तरह सुरक्षित है। टूल 10MB तक के सभी प्रमुख छवि फ़ॉर्मैट का समर्थन करता है।
मुख्य सुविधाएँ
- JPG, PNG, GIF, WebP, SVG और अन्य छवि फ़ॉर्मैट का समर्थन
- खींचकर छोड़ने या क्लिक करके अपलोड करने से फ़ाइल चुनें
- सर्वर पर शून्य अपलोड के साथ तुरंत क्लाइंट-साइड रूपांतरण
- Base64 आउटपुट के साथ छवि का लाइव पूर्वावलोकन
- MIME type हेडर सहित पूरा data URI आउटपुट
- पूरी Base64 स्ट्रिंग को क्लिपबोर्ड पर कॉपी करने के लिए एक क्लिक
- Base64 स्ट्रिंग को टेक्स्ट फ़ाइल के रूप में डाउनलोड करें
- फ़ाइल की जानकारी का प्रदर्शन (नाम, आकार, प्रकार)
- उपयोग के लिए तैयार HTML और CSS कोड स्निपेट
- फ़ॉर्मैट सत्यापन के साथ अधिकतम फ़ाइल आकार 10MB
छवि से Base64 कन्वर्टर का उपयोग कैसे करें
- अपनी छवि अपलोड करें: अपलोड क्षेत्र पर क्लिक करें या छवि फ़ाइल को खींचकर छोड़ें। समर्थित फ़ॉर्मैट में 10MB तक के JPG, PNG, GIF और WebP शामिल हैं।
- पूर्वावलोकन देखें: टूल आपकी अपलोड की गई छवि का पूर्वावलोकन और फ़ाइल की जानकारी (नाम, आकार और प्रकार) दिखाता है।
- Base64 स्ट्रिंग कॉपी करें: पूरा data URI क्लिपबोर्ड पर कॉपी करने के लिए Copy बटन पर क्लिक करें, जो आपके कोड में चिपकाने के लिए तैयार रहता है।
- टेक्स्ट के रूप में डाउनलोड करें: Base64 स्ट्रिंग को बाद में उपयोग के लिए टेक्स्ट फ़ाइल के रूप में सहेजने के लिए Download बटन पर क्लिक करें।
- कोड स्निपेट का उपयोग करें: एन्कोड की गई छवि को अपने प्रोजेक्ट में जोड़ने के लिए आउटपुट के नीचे दिखाए गए HTML और CSS उपयोग उदाहरण देखें।
- साफ़ करें और दूसरी बदलें: मौजूदा छवि हटाकर नया रूपांतरण शुरू करने के लिए फ़ाइल जानकारी कार्ड पर X बटन पर क्लिक करें।
उपयोग के मामले
- HTML में आइकन एम्बेड करना: छोटे आइकन और लोगो को Base64 में बदलें और data URI वाले img टैग से सीधे अपने HTML में शामिल करें, जिससे अतिरिक्त HTTP अनुरोध नहीं लगते।
- CSS बैकग्राउंड छवियाँ: सजावटी छवियों को एन्कोड करें और बाहरी फ़ाइलों पर निर्भरता घटाने के लिए उन्हें इनलाइन CSS background-image मान के रूप में उपयोग करें।
- ईमेल टेम्पलेट डिज़ाइन: छवियों को HTML ईमेल टेम्पलेट में सीधे एम्बेड करें, ताकि ईमेल क्लाइंट बाहरी छवियाँ रोक दें तब भी वे दिखाई दें।
- API और JSON पेलोड: जब फ़ाइल अपलोड एंडपॉइंट उपलब्ध न हों, तब JSON API के उत्तरों या अनुरोधों में छवि डेटा शामिल करें।
- एकल-फ़ाइल एप्लिकेशन: सभी छवियों को Base64 के रूप में एम्बेड करके स्वतंत्र HTML फ़ाइलें बनाएँ, जो दस्तावेज़ीकरण, रिपोर्ट या ऑफ़लाइन टूल के लिए उपयुक्त हैं।
- कॉन्फ़िगरेशन फ़ाइलें: कॉन्फ़िगरेशन फ़ाइलों, एनवायरनमेंट वेरिएबल या infrastructure-as-code टेम्पलेट में शामिल करने के लिए छोटी छवियों को एन्कोड करें।
- प्रोग्रेसिव वेब ऐप: ऑफ़लाइन में तुरंत रेंडर करने के लिए ज़रूरी छवियों को सर्विस वर्कर या लोकल स्टोरेज में Base64 स्ट्रिंग के रूप में कैश करें।
अक्सर पूछे जाने वाले प्रश्न
छवियों के लिए Base64 एन्कोडिंग क्या है?
Base64 एन्कोडिंग बाइनरी छवि डेटा को ASCII टेक्स्ट स्ट्रिंग में बदलती है। इस परिणाम को HTML img टैग, CSS background प्रॉपर्टी में data URI के रूप में उपयोग किया जा सकता है या JSON पेलोड में शामिल किया जा सकता है, जिससे छवियाँ सादे टेक्स्ट के रूप में भेजी और सहेजी जा सकती हैं।
क्या Base64 एन्कोडिंग से फ़ाइल का आकार बढ़ता है?
हाँ, Base64 एन्कोडिंग डेटा का आकार लगभग 33% बढ़ा देती है, क्योंकि बाइनरी डेटा के हर 3 बाइट को दर्शाने के लिए यह 4 टेक्स्ट वर्णों का उपयोग करती है। इसीलिए Base64 एम्बेडिंग मुख्यतः आइकन और लोगो जैसी छोटी छवियों के लिए सुझाई जाती है।
मुझे सामान्य छवि फ़ाइलों के बजाय Base64 छवियाँ कब उपयोग करनी चाहिए?
Base64 का उपयोग छोटी छवियों (10-20KB से कम) के लिए करें जहाँ HTTP अनुरोध घटाना फ़ायदेमंद हो, ईमेल टेम्पलेट के लिए जहाँ बाहरी छवियाँ रोकी जा सकती हैं, या जब आपको स्वतंत्र HTML दस्तावेज़ चाहिए। बड़ी छवियों के लिए सामान्य फ़ाइल संदर्भ अधिक कुशल होते हैं।
क्या यह टूल मुफ़्त है?
हाँ, यह छवि से Base64 कन्वर्टर पूरी तरह निःशुल्क है। रूपांतरणों की कोई सीमा नहीं है, पंजीकरण की ज़रूरत नहीं है, और आपके आउटपुट पर कोई वॉटरमार्क या प्रतिबंध नहीं लगाया जाता।
क्या मेरा डेटा सुरक्षित है?
हाँ। आपकी छवियाँ JavaScript FileReader API से पूरी तरह आपके ब्राउज़र में प्रोसेस होती हैं। छवि का कोई भी डेटा किसी सर्वर पर अपलोड या संग्रहीत नहीं होता, इसलिए यह टूल संवेदनशील या निजी छवियों के लिए पूरी तरह सुरक्षित है।
अधिकतम फ़ाइल आकार क्या है?
यह टूल 10MB तक की छवियों का समर्थन करता है। व्यावहारिक उपयोग में Base64 एन्कोडिंग 20KB से छोटी छवियों के लिए सबसे उपयोगी है। अपने HTML या CSS को भारी होने से बचाने के लिए बड़ी छवियों को सामान्य फ़ाइलों के रूप में रखना बेहतर है।
सुझाव और सर्वोत्तम तरीके
- पहले छवियाँ ऑप्टिमाइज़ करें: Base64 में बदलने से पहले अपनी छवियों को संपीड़ित करें और उनका आकार घटाएँ। छोटी स्रोत फ़ाइलें छोटी और अधिक कुशल Base64 स्ट्रिंग बनाती हैं।
- केवल छोटी छवियों के लिए उपयोग करें: Base64 आइकन, लोगो और 10-20KB से छोटे थंबनेल के लिए सबसे अच्छा है। बड़ी छवियों के लिए बाहरी फ़ाइल संदर्भ बेहतर प्रदर्शन देते हैं।
- पूरा data URI कॉपी करें: आउटपुट में data:image/[format];base64, उपसर्ग सहित पूरा कोड होता है, इसलिए उसे बिना बदलाव के सीधे HTML या CSS में चिपकाया जा सकता है।
- कोड स्निपेट देखें: अपने प्रोजेक्ट में Base64 छवि जोड़ने के लिए दिए गए HTML और CSS उदाहरणों को टेम्पलेट की तरह उपयोग करें।
- कैशिंग पर विचार करें: HTML या CSS में एम्बेड की गई Base64-एन्कोडेड छवियाँ दस्तावेज़ के साथ कैश होती हैं, जबकि बाहरी छवियाँ अलग से कैश की जा सकती हैं। वह तरीका चुनें जो आपकी कैशिंग रणनीति के लिए सबसे उपयुक्त हो।
- बैकअप के लिए डाउनलोड करें: Base64 टेक्स्ट फ़ाइल को बैकअप के रूप में सहेजने के लिए Download बटन का उपयोग करें, खासकर उन छवियों के लिए जो कई प्रोजेक्ट में उपयोग होती हैं।