मुक्त स्थान अनुकूलन: PNG त्यागें

एक काफी सामान्य, नियमित कार्य की कल्पना करें: हमारे आवेदन को बाहरी छवियों को लोड करना चाहिए, उनके पास एक पारदर्शी पृष्ठभूमि होनी चाहिए, और फिर हम पहले से ही उन पर कुछ कार्रवाई करेंगे।



अक्सर, बहुत अधिक विचार के बिना, हम कहते हैं कि यह केवल पीएनजी होना चाहिए, जिसके बाद डिजाइनर आपके आवेदन के लिए हजारों सामग्री फ़ाइलों को तैयार करते हैं जो सर्वरों पर मुक्त स्थान को नाटकीय रूप से भरते हैं। लेकिन क्या होगा अगर वे डिस्क स्थान के उपयोग को अनुकूलित करने के लिए कार्य निर्धारित करते हैं?



यह पता चला है कि कई अनुप्रयोगों द्वारा सफलतापूर्वक उपयोग की जाने वाली तकनीक इस समस्या को बिना png प्रारूप के हल करना है।



हमें बस 2 gif फाइल बनाने की जरूरत है, जिसमें से एक इमेज को स्टोर करेगा, और दूसरा पारदर्शी बैकग्राउंड का मास्क।



दो जीआईएफ फ़ाइलों का आकार एक पूर्ण पींग के आकार से काफी छोटा है।



तो नीचे दिए गए उदाहरण में, छवि के साथ पहली gif फ़ाइल में केवल 9 kb लगते हैं, और इसके लिए मुखौटा 3 kb है।



वास्तव में छवि





खुद मुखौटा





जबकि एक ही छवि के लिए एक पारदर्शी पृष्ठभूमि के साथ एक पीएनजी फ़ाइल लगभग 35 किलोबाइट पर कब्जा कर लेगी। 65% बचाएं।



आप एक पारदर्शी पृष्ठभूमि के साथ दो अपारदर्शी छवियों के साथ तीसरा एक प्राप्त कर सकते हैं, केवल निर्मित बिटमैप दाता.श्रेष्ठ विधियों में से एक का उपयोग करके: छवि के पिक्सेल को बदलें जहां मुखौटा का संगत पिक्सेल सफेद से कम है, एक पारदर्शी पिक्सेल के साथ



gifImageBitmapData.threshold(gifMask.bitmapData, gifMask.getRect(gifMask),new Point(0,0),'<',0xffffffff,0x00FFFFFF,0xffffffff);







नीचे पंक्ति: यदि आपको अर्ध-पारदर्शी ढाल को प्रसारित करने की आवश्यकता नहीं है, लेकिन केवल चित्रों से पृष्ठभूमि को काटने की आवश्यकता है, और इसके अलावा, चित्र की गुणवत्ता एक सर्वोपरि भूमिका नहीं निभाती है, तो आप ऊपर वर्णित तकनीक का उपयोग कर सकते हैं। जैसा कि आप देख सकते हैं, इमेज प्रोसेसिंग के लिए हमारे कोड की मात्रा में काफी वृद्धि नहीं होगी।



प्रौद्योगिकी, निश्चित रूप से सार्वभौमिक नहीं है और इसकी कमियां हैं - 2 छोटी फाइलें संभवतः 1 बड़ी फ़ाइल से अधिक लोड करेंगी, लेकिन यह अपना काम करती है: आपके आवेदन की सामग्री बहुत कम ले जाएगी।