CSS Data URI कन्वर्टर
स्टाइलशीट पेस्ट करें, फ़ाइल चुनें, या रिमोट CSS फ़ाइल का URL डालें। कन्वर्टर हर url(...) रेफ़रेंस ढूँढता है, आपकी साइज़ लिमिट से छोटे रिसोर्स डाउनलोड करता है, और उन्हें Base64 data URI से बदल देता है।
| रिसोर्स | साइज़ | नतीजा |
|---|
CSS इमेज इनलाइन करना कब फ़ायदेमंद है
हर बाहरी इमेज के लिए एक रिक्वेस्ट लगती है। छोटे आइकन को Base64 data URI के रूप में इनलाइन करने से वह रिक्वेस्ट हट जाती है और फ़्लिकर नहीं होता। कुछ किलोबाइट से ज़्यादा होने पर 33% साइज़ बढ़ोतरी और कैशिंग का नुकसान फ़ायदे से ज़्यादा हो जाता है, इसलिए कन्वर्टर में साइज़ लिमिट है। Base64 की ज़्यादातर बढ़ोतरी वापस पाने के लिए नतीजे को gzip या Brotli के साथ सर्व करें।
अक्सर पूछे जाने वाले सवाल
क्या मुझे हर CSS इमेज इनलाइन करनी चाहिए?
नहीं। सिर्फ़ छोटे आइकन और बैकग्राउंड इनलाइन करें। बड़ी इमेज CSS को भारी बनाती हैं, रेंडरिंग रोकती हैं और अलग से कैश नहीं हो सकतीं।
टिप्पणियाँ (0)
“CSS Data URI कन्वर्टर” के बारे में कोई सवाल, सुझाव या बग? टिप्पणी करें, टूल को रेटिंग दें, या दूसरों को जवाब दें।
अभी तक कोई टिप्पणी नहीं। अपनी राय देने वाले पहले व्यक्ति बनें!