इस उदाहरण का पालन करें, फिर उन्हीं कंट्रोल्स को अपनी छवि के लिए अपनाएं। छवि से Base64 कनवर्टर खोलें.
एक छवि चुनें और उसकी पहचान का पूर्वावलोकन करें
Image to Base64 कनवर्टर खोलें। एक छवि चुनें या नमूना आज़माएं। उदाहरण 512 × 512 पिक्सेल favicon-orbit.png का उपयोग करता है, जिसमें 202,491 बाइट्स हैं। एडिटर छवि को उसके कोड के ऊपर दिखाता है ताकि आप पुष्टि कर सकें कि आपने इच्छित एसेट चुना है।
जब आपका ब्राउज़र पूर्वावलोकन के लिए उन्हें डिकोड कर सकता है तो PNG, JPG, WebP, GIF, BMP और AVIF समर्थित हैं। अधिकतम फ़ाइल आकार 25 MB है, जिसकी सीमा 60 मेगापिक्सेल और 16,000 पिक्सेल प्रति साइड है। SVG मार्कअप इस रैस्टर कनवर्टर द्वारा स्वीकार नहीं किया जाता है।
टूल मूल फ़ाइल बाइट्स को पढ़ता है। यह छवि को फिर से बनाने, उसका आकार बदलने या उसे फिर से कंप्रेस करने के लिए पूर्वावलोकन का उपयोग नहीं करता है। इसलिए मौजूदा मेटाडेटा और GIF एनीमेशन एन्कोडेड डेटा में बरकरार रहते हैं।
एन्कोडिंग से पहले, यदि आपको छोटे एसेट की आवश्यकता है तो Resize Image या Image Compressor का उपयोग करें। Base64 स्वयं छवि का आकार कम नहीं करता है।
वह प्रतिनिधित्व चुनें जिसकी आपका प्रोजेक्ट अपेक्षा करता है
Settings खोलें और इस उदाहरण के लिए Code format के अंतर्गत HTML छवि चुनें। परिणाम एक img टैग है जिसमें Base64 डेटा URL शामिल है। alt एट्रिब्यूट शुरू में खाली है; जब छवि जानकारी का संचार करती है तो उपयोगी वैकल्पिक टेक्स्ट लिखें।
डेटा URL एक प्रीफ़िक्स जैसे data:image/png;base64 से शुरू होता है, जिसके बाद एन्कोडेड डेटा होता है। Plain Base64 में केवल डेटा होता है। CSS पृष्ठभूमि डेटा URL को background-image घोषणा में लपेटती है। ये प्रतिनिधित्व अलग-अलग उद्देश्यों को पूरा करते हैं, इसलिए केवल फ़ाइल नाम बदलने के बजाय अपने एप्लिकेशन द्वारा अनुरोधित फ़ॉर्म को कॉपी करें।
Code format बदलने के तुरंत बाद कोड पैनल अपडेट हो जाता है। कॉपी आइकन वर्तमान प्रतिनिधित्व को कॉपी करता है और साझा कॉपी की गई पुष्टि देता है। जब क्लिपबोर्ड एक्सेस ब्लॉक होता है, तो कोड को मैन्युअल कॉपी के लिए चुना जाता है।
एक पूर्ण HTML img टैग डेटा URL के समान नहीं है। जब कोई फ़ील्ड URL मांगे, तो केवल src मान का उपयोग करें।
इस गाइड में दिया गया उदाहरण
एक नमूना आज़माएं: favicon-orbit.png, 512 × 512 px, 202,491 बाइट्स। कोड प्रारूप के अंतर्गत HTML छवि चुनें। स्टार्ट चुनें और favicon-orbit-base64.txt डाउनलोड करें।
- मूल PNG
- 512 × 512 px · 202,491 बाइट्स
- HTML टेक्स्ट आउटपुट
- 270,029 बाइट्स
- एनकोडिंग
- मूल बाइट्स; कोई पुनः संपीड़न नहीं
कोड डाउनलोड करें और उसका आकार समझें
Start चुनें, फिर Download चुनें। उदाहरण में favicon-orbit-base64.txt सहेजा जाता है जिसमें HTML इमेज कोड होता है। इसके 270,029 बाइट्स 202,491-बाइट स्रोत से बड़े हैं। लेख की तुलना डाउनलोड किए गए टेक्स्ट की वास्तविक शुरुआत दिखाती है, जिसे केवल पठनीयता के लिए छोटा किया गया है।
Base64 आमतौर पर तीन स्रोत बाइट्स को चार टेक्स्ट वर्णों में परिवर्तित करता है, जो छोटे रैपर से पहले लगभग एक तिहाई जोड़ता है। एक छोटा आइकन एम्बेड करने से दस्तावेज़ आत्मनिर्भर बन सकता है, लेकिन HTML या CSS के अंदर बड़ी इमेज स्ट्रिंग रखने से वह दस्तावेज़ भी बड़ा हो जाता है और इमेज को अलग फ़ाइल के रूप में कैश होने से रोकता है।
एनकोडिंग एन्क्रिप्शन नहीं है। पूर्ण Base64 स्ट्रिंग वाला कोई भी व्यक्ति मूल इमेज को पुनर्प्राप्त कर सकता है। यदि कोड में निजी जानकारी है, तो इसे स्रोत के समान ही सावधानी से संभालें।
इस लेख में दिया गया संक्षिप्त अंश केवल व्याख्यात्मक है। पूर्ण डाउनलोड की गई TXT का उपयोग करें या टूल से पूरा कोड कॉपी करें।
सामान्य प्रश्न
क्या एन्कोडिंग से छवि की गुणवत्ता कम हो जाएगी?
नहीं। एन्कोडिंग मूल बाइट्स को सुरक्षित रखती है। यह छवि का आकार नहीं बदलती, उसे कंप्रेस नहीं करती और न ही दोबारा ड्रा करती है।
Base64 स्ट्रिंग छवि से बड़ी क्यों है?
Base64 तीन इनपुट बाइट्स को चार टेक्स्ट वर्णों का उपयोग करके दर्शाता है, इसलिए यह आमतौर पर रैपर या प्रीफिक्स से पहले लगभग एक तिहाई जोड़ देता है।
क्या GIF एनिमेशन सुरक्षित रहते हैं?
एनकोडिंग एनीमेशन सहित मूल GIF बाइट्स को सुरक्षित रखती है। पूर्वावलोकन एक स्थिर फ़्रेम दिखा सकता है जबकि एनकोडेड डेटा सभी फ़्रेमों को बरकरार रखता है।
क्या Base64 गुप्त छवियों के लिए सुरक्षित है?
Base64 एन्क्रिप्शन नहीं है। यदि मूल छवि निजी है तो स्ट्रिंग को निजी रखें। कन्वर्टर स्वयं इसे आपके ब्राउज़र में स्थानीय रूप से प्रोसेस करता है।
सही इमेज को सही कोड में बदलें।
एक नमूना आज़माएं या अपनी खुद की फ़ाइल का उपयोग करें, और साझा करने से पहले परिणाम की समीक्षा करें।
