छवि को Base64 (data URI) में बदलें
एक छवि आयात करें और सीधे data:image/...;base64,... स्ट्रिंग प्राप्त करें जो CSS या HTML में पेस्ट करने के लिए तैयार है, ताकि बिना किसी अतिरिक्त नेटवर्क अनुरोध के एक छोटा आइकन एम्बेड किया जा सके।
यह कैसे काम करता है
आप एक छोटा आइकन, लोगो या चित्रलेख सीधे CSS स्टाइल शीट (उदाहरण के लिए background-image में) या HTML में एम्बेड करना चाहते हैं, बिना अलग फ़ाइल या अतिरिक्त नेटवर्क अनुरोध जोड़े? अपनी छवि आयात करें: इसे Base64 स्ट्रिंग में एन्कोड किया जाता है, जिसमें सही उपसर्ग data:image/png;base64, (या jpeg, gif, webp... जो भी प्रारूप पहचाना जाए) शामिल होता है, जो आपके कोड में URL मान के रूप में सीधे उपयोग योग्य है।
Base64 छवि का उपयोग अलग फ़ाइल के बजाय कब करें?
यह विशेष रूप से बहुत छोटी छवियों (आइकन, चित्रलेख, छोटे लोगो) के लिए प्रासंगिक है: इससे एक अतिरिक्त HTTP अनुरोध से बचा जा सकता है और एक स्टैंडअलोन घटक की तैनाती सरल हो सकती है। भारी तस्वीरों या छवियों के लिए, एक अलग फ़ाइल अभी भी बेहतर है: Base64 आकार को लगभग 33% बढ़ा देता है और ब्राउज़र द्वारा स्वतंत्र रूप से कैश नहीं किया जाता है।
क्या छवि का प्रारूप स्वचालित रूप से पहचाना जाता है?
हाँ। उपकरण आयातित फ़ाइल के पहले बाइट्स का विश्लेषण करके उसका वास्तविक प्रारूप (PNG, JPEG, GIF, WebP...) निर्धारित करता है और उसे उत्पन्न स्ट्रिंग के उपसर्ग में लिखता है, बिना फ़ाइल नाम के एक्सटेंशन पर भरोसा किए।
आपके ब्राउज़र में 100% स्थानीय प्रोसेसिंग (WebAssembly) — आपकी छवि कभी सर्वर पर नहीं भेजी जाती है।