इमेज टूल / 16

इमेज से Base64

CSS, HTML या ट्रांसपोर्ट के लिए किसी इमेज को पूरी Base64 data URL में एन्कोड करें।

इमेज से Base64: TOEA ब्राउज़र के FileReader से फ़ाइल के बाइट्स पढ़ता है और Base64 payload के आगे उसका MIME type जोड़ता है। यह आपके ब्राउज़र में 100% स्थानीय रूप से चलता है और सर्वर पर कोई फ़ाइल अपलोड नहीं होती।

श्रेणी
इमेज टूल्स
रन
आपके ब्राउज़र में
लागत
मुफ़्त · साइन अप की ज़रूरत नहीं
उपलब्धता
इस्तेमाल के लिए तैयार
इमेज → Base64 एन्कोडरलोकल प्रोसेसिंग

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

↥
इमेज चुनें

JPG, PNG, WebP या GIF · 30 MB तक

Inline करने से कब लाभ होता है

Data URL एक request बचाता है, लेकिन इसे अलग से cache नहीं किया जा सकता: जिस HTML या CSS कॉपी में यह शामिल है, उसकी हर कॉपी के साथ इसे फिर डाउनलोड किया जाता है और यह फ़ाइल से लगभग एक-तिहाई बड़ी होती है। यह समझौता कुछ kilobytes वाली छोटी इमेज के लिए काम करता है, जैसे stylesheet में कोई icon या blurred placeholder। कई pages पर दोबारा इस्तेमाल होने वाली फ़ोटो और इमेज सामान्य फ़ाइलों के रूप में तेज़ी से लोड होती हैं। SVG के लिए Base64 के बजाय markup को URL-encode करने पर आमतौर पर छोटा data URL मिलता है।

जहां data URL काम नहीं करते

Gmail और कई अन्य email clients data URL के रूप में embedded इमेज नहीं दिखाते, इसलिए newsletters में hosted image का लिंक दें। Base64 इमेज स्वीकार करने वाले कई APIs केवल payload चाहते हैं: base64 के बाद आने वाले comma समेत उससे पहले का सब कुछ हटा दें। Content Security Policy वाले page को inline इमेज लोड करने से पहले अपने img-src directive में data: शामिल करना होगा।

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

  1. एक इमेज चुनें।
  2. इसे स्थानीय रूप से एन्कोड करें।
  3. बनी हुई data URL को कॉपी करें।

गोपनीयता और सीमाएँ

फ़ाइल आपके डिवाइस पर ही रहती है। Base64 एन्कोडिंग है, एन्क्रिप्शन नहीं, और इससे आकार लगभग एक-तिहाई बढ़ जाता है।

संबंधित टूल्स

Base64 से इमेजBase64इमेज आयाम

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

क्या मैं इसे img tag में पेस्ट कर सकता हूँ?

हाँ। पूरी data URL का उपयोग image src के रूप में किया जा सकता है, जहाँ data URLs की अनुमति हो।

परिणाम फ़ाइल से लंबा क्यों है?

Base64 बाइनरी बाइट्स को टेक्स्ट अक्षरों के रूप में दर्शाता है और अतिरिक्त डेटा जोड़ता है।

मुफ़्त टूल · आपके ब्राउज़र में बार चलता है · अकाउंट की ज़रूरत नहीं