tigtools

इमेज से Base64

PNG, JPEG, WebP, GIF, SVG या ICO फ़ाइल को Base64 टेक्स्ट में बदलें, जिसे HTML, CSS या JSON में एम्बेड किया जा सकता है। या Base64 को वापस इमेज में डिकोड करें। फ़ाइल आपके ब्राउज़र से बाहर नहीं जाती।

आपके ब्राउज़र में चलता है साइन अप की ज़रूरत नहीं

दिशा

या इसे यहाँ छोड़ें (अधिकतम 10 MB)। फ़ाइल आपके डिवाइस पर ही रहती है।

इस्तेमाल करने का तरीका

  1. इमेज को Base64 में बदलने के लिए Image → Base64 चुनें और इमेज फ़ाइल चुनें। उल्टा करने के लिए Base64 → Image चुनें।
  2. ज़रूरी आउटपुट चुनें: Data URL, सादा Base64, HTML img टैग, CSS background-image नियम या Markdown।
  3. नतीजे को कॉपी करके अपने कोड, ईमेल टेम्पलेट या JSON में पेस्ट करें।
  4. डिकोड करने के लिए Data URL या सादा Base64 पेस्ट करें; इमेज का प्रीव्यू दिखेगा और उसे डाउनलोड किया जा सकेगा।

यह कैसे काम करता है

Base64 बाइनरी डेटा को 64 प्रिंट किए जा सकने वाले अक्षरों से दर्शाता है, जिससे इमेज को सीधे टेक्स्ट फ़ॉर्मैट में लिखा जा सकता है। Data URL में सबसे पहले मीडिया टाइप जुड़ता है, जैसे data:image/png;base64,, जिसके बाद एन्कोड किए गए बाइट आते हैं। ब्राउज़र जहाँ भी इमेज URL की अनुमति देते हैं, वहाँ Data URL स्वीकार करते हैं: img टैग के src में, CSS url() में या SVG इमेज रेफ़रेंस में।

एन्कोड किया गया टेक्स्ट हमेशा मूल फ़ाइल से लगभग एक तिहाई बड़ा होता है (हर 3 बाइट के लिए 4 अक्षर)। छोटे आइकन और प्लेसहोल्डर को इनलाइन करने से अलग नेटवर्क अनुरोध बच सकता है, लेकिन इनलाइन डेटा को अलग से कैश नहीं किया जा सकता और जिस भी पेज या स्टाइलशीट में यह शामिल हो, उसके साथ यह फिर से डाउनलोड होता है। इसलिए कुछ किलोबाइट से बड़ी फ़ाइलों के लिए यह आम तौर पर फ़ायदेमंद नहीं होता। कई ईमेल क्लाइंट Data URL वाली इमेज को ब्लॉक या हटा देते हैं, इसलिए न्यूज़लेटर में इस्तेमाल करने से पहले जाँच लें।

फ़ाइल को बाइट-दर-बाइट एन्कोड किया जाता है: इसे दोबारा कंप्रेस नहीं किया जाता और फ़ाइल के अंदर का मेटाडेटा (जैसे EXIF) बना रहता है। डिकोड करते समय यह टूल पूरा Data URL, सादा Base64, URL-safe Base64 और CSS url(…) रैपर के साथ कॉपी किए गए टेक्स्ट को स्वीकार करता है। इमेज का प्रकार लेबल पर भरोसा करके नहीं, बल्कि डिकोड किए गए बाइट से पहचाना जाता है।

उदाहरण

स्टाइलशीट में छोटा आइकन

600-बाइट का PNG आइकन 800 अक्षरों की Base64 स्ट्रिंग बन जाता है। CSS आउटपुट इस्तेमाल करने पर ऐसा background-image नियम मिलता है जिसे अलग फ़ाइल होस्ट किए बिना किसी क्लास में पेस्ट किया जा सकता है।

API रिस्पॉन्स से इमेज

कोई API JSON फ़ील्ड लौटाता है, जैसे "iVBORw0KGgoAAAANSUhEUg…"। तस्वीर देखने, उसका आकार जाँचने और PNG के रूप में डाउनलोड करने के लिए इसे Base64 → Image में पेस्ट करें।

HTML में SVG लोगो

SVG को एन्कोड करने पर data:image/svg+xml;base64 URL मिलता है, जो img टैग में काम करता है। SVG के लिए, बिना कंप्रेस किया गया SVG मार्कअप अक्सर Base64 से छोटा होता है, इसलिए SVG को सीधे इनलाइन करने पर विचार करें।

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

Base64 वाला वर्ज़न मेरी इमेज से बड़ा क्यों है?

Base64 में 3 बाइट सेव करने के लिए 4 टेक्स्ट अक्षर इस्तेमाल होते हैं। इससे आकार लगभग 33% बढ़ जाता है, और Data URL प्रीफ़िक्स से थोड़ा और। वेब सर्वर पर Gzip या Brotli कंप्रेशन से यह अंतर कम होता है, लेकिन पूरी तरह खत्म नहीं होता।

क्या एन्कोड करने से इमेज बदलती या कंप्रेस होती है?

नहीं। फ़ाइल के ठीक वही बाइट एन्कोड किए जाते हैं, जिनमें मेटाडेटा भी शामिल है। स्ट्रिंग छोटी करने के लिए पहले इमेज को कंप्रेस करें या उसका आकार घटाएँ।

Data URL और सादे Base64 में क्या अंतर है?

सादा Base64 सिर्फ़ एन्कोड किए गए बाइट होते हैं। Data URL में data:image/jpeg;base64, जैसा प्रीफ़िक्स जुड़ता है, जो ब्राउज़र को फ़ाइल का प्रकार बताता है। इसलिए इसे सीधे इमेज सोर्स के रूप में इस्तेमाल किया जा सकता है।

क्या फ़ाइल आकार की कोई सीमा है?

यहाँ 10 MB तक की फ़ाइलें एन्कोड की जा सकती हैं। बहुत लंबी स्ट्रिंग से टेक्स्ट फ़ील्ड और एडिटर धीमे हो सकते हैं, और इतनी बड़ी Data URL वेबसाइटों के लिए व्यावहारिक नहीं होती।

गोपनीयता

एन्कोडिंग और डिकोडिंग आपके ब्राउज़र में होती है। आपकी इमेज और Base64 टेक्स्ट अपलोड या सेव नहीं किए जाते और न ही एनालिटिक्स में शामिल होते हैं।