HTML, CSS या JSON में एम्बेड करने के लिए छवि को Base64 data URI में बदलें, पूरी तरह आपके ब्राउज़र में।
Base64 के रूप में छवियां एम्बेड करने से एक अतिरिक्त request से बचा जाता है लेकिन आकार लगभग एक तिहाई बढ़ जाता है। छोटे icons के लिए सबसे अच्छा।
Image to Base64 का उपयोग कैसे करें
अपने डिवाइस से एक छवि चुनें।
data URI, या तैयार CSS snippet कॉपी करें।
इसे अपने HTML, CSS या JSON में पेस्ट करें।
अक्सर पूछे जाने वाले सवाल
नहीं। छवि पूरी तरह आपके ब्राउज़र में पढ़ी जाती है, इसलिए यह कभी आपके डिवाइस से नहीं जाती।
छोटी छवियों जैसे icons के लिए, जहां अतिरिक्त network request से बचना आकार वृद्धि के लायक है। बड़ी छवियों के लिए, एक सामान्य फ़ाइल बेहतर है।
Base64 encoding लगभग 33% overhead जोड़ती है क्योंकि यह सीमित टेक्स्ट वर्णमाला का उपयोग करके binary data दर्शाती है।
एक छवि से Base64 कनवर्टर जो data URI और inline छवियां एम्बेड करने के लिए ready-to-use CSS background snippet तैयार करता है।
यह आपके ब्राउज़र में स्थानीय रूप से चलता है।
संबंधित टूल
किसी भी टेक्स्ट के SHA-1, SHA-256, SHA-384 और SHA-512 हैश सीधे अपने ब्राउज़र में जनरेट करें.
लाइव पूर्वावलोकन के साथ HEX, RGB और HSL के बीच रंगों को रूपांतरित करें.
Unix टाइमस्टैम्प को मानव तिथियों में और वापस रूपांतरित करें: UTC, स्थानीय, ISO 8601 और सापेक्ष समय. सेकंड और मिलीसेकंड स्वतः पहचाने जाते हैं.
URL और URL घटकों को प्रतिशत-एनकोड और डिकोड करें, UTF-8 सुरक्षित.