PWA मास्केबल आइकन जनरेटर
अपना लोगो अपलोड करें, बैकग्राउंड चुनें और Progressive Web Apps के स्टैंडर्ड के अनुरूप मास्केबल आइकन बनाएँ: सिस्टम आइकन को गोल, गोल कोनों वाले चौकोर या किसी भी अन्य आकार में काट दे, तब भी आपका लोगो साफ़ दिखता रहता है।
यह कैसे काम करता है
मास्केबल आइकन को किनारों समेत पूरा चौकोर भरना चाहिए (पारदर्शी मार्जिन वाले सामान्य आइकन के विपरीत), क्योंकि ऑपरेटिंग सिस्टम उसके ऊपर अपना कटिंग आकार (गोला, गोल कोनों वाला चौकोर, बूँद जैसा आकार...) लगा देता है। प्रीव्यू में दिखने वाला बिंदीदार गोला स्टैंडर्ड सेफ़्टी ज़ोन (व्यास का लगभग 80%) दर्शाता है: इसके अंदर रखा कोई भी लोगो उपयोगकर्ता के डिवाइस द्वारा लगाए गए किसी भी कटिंग आकार में दिखाई देता रहता है।
क्या मुझे सामान्य (नॉन-मास्केबल) आइकन भी देना चाहिए?
हाँ, अपने PWA की manifest फ़ाइल में दोनों तरह के आइकन घोषित करने की सलाह दी जाती है (एक एंट्री "purpose": "any" के साथ और एक "purpose": "maskable" के साथ), क्योंकि कुछ सिस्टम कटिंग नहीं लगाते और "any" आइकन को जैसा है वैसा ही दिखाते हैं।
192x192 और 512x512 दोनों क्यों बनाएँ?
ज़्यादातर Android डिवाइस पर होम आइकन के लिए 192x192 न्यूनतम सुझाया गया साइज़ है, जबकि 512x512 का उपयोग स्टार्टअप स्क्रीन (splash screen) और ऐप स्टोर जैसी बेहतर रिज़ॉल्यूशन वाली जगहों पर होता है।
100% लोकल प्रोसेसिंग: आइकन आपके ब्राउज़र में ही बनता है, आपका लोगो कभी किसी सर्वर को नहीं भेजा जाता।