इमेज से Base64
इमेज को डेटा URI में बदलें जिसे आप सीधे CSS या HTML में पेस्ट कर सकें।
- आपके डिवाइस पर चलता है — फ़ाइल कहीं भेजी नहीं जाती
- न साइन-अप, न वॉटरमार्क, न रोज़ाना की सीमा
- मुफ़्त, और कितनी बार इस्तेमाल करें इसकी कोई सीमा नहीं
यह कैसे काम करता है
डेटा URI इमेज को अलग फ़ाइल का हवाला देने के बजाय सीधे आपके सोर्स कोड में एम्बेड करता है। इससे एक नेटवर्क अनुरोध हट जाता है, जो उन छोटी इमेज के लिए मायने रखता है जिनमें हर एक को वरना एक राउंड ट्रिप लगता।
यह कब काम का है
छोटे आइकन, लोगो और एक-रंग के ग्राफ़िक्स। लगभग 2 KB से नीचे, बचा हुआ अनुरोध आमतौर पर लागत से ज़्यादा होता है। उससे ऊपर, सामान्य फ़ाइल संदर्भ जीतता है।
साइज़ की कीमत
Base64 तीन बाइट को चार अक्षरों के रूप में एनकोड करता है, इसलिए डेटा URI फ़ाइल से लगभग 33% बड़ा होता है। उसे अलग से कैश भी नहीं किया जा सकता — वह स्टाइलशीट या पेज की हर कॉपी के साथ दोबारा डाउनलोड होता है जिसमें वह है।
इसे कहाँ पेस्ट करें
सीधे CSS के url() या img के src एट्रिब्यूट में। आउटपुट में पहले से सही मीडिया टाइप प्रीफ़िक्स होता है।
इमेज से Base64 — सवाल
साइज़ की सीमा क्यों है?
डेटा URI सोर्स कोड में रखे जाने के लिए हैं, और बहुत बड़े वाले हर उस पेज को भारी कर देते हैं जिसमें वे शामिल हों। सीमा 2 MB है।
क्या यह SVG के साथ काम करता है?
SVG टेक्स्ट है, इसलिए उसे Base64 के बिना सीधे इनलाइन किया जा सकता है, जो छोटा होता है।
क्या मेरी इमेज अपलोड होती है?
नहीं। एनकोडिंग आपके ब्राउज़र में होती है।