सोर्स इमेज कैसी होनी चाहिए?
ऐसे सिंपल निशान से शुरू करें जो छोटे साइज़ पर भी पहचान में आए। ट्रांसपेरेंट SVG या बड़ा ट्रांसपेरेंट PNG जेनरेटर को आपके आर्टवर्क को ठोस बैकग्राउंड से अलग करने देता है। फोटो से भी काम लायक फ़्लैट आइकन बन सकता है, लेकिन उसका बिना ट्रांसपेरेंसी वाला आयत ही मोनोक्रोम सिल्हूट भी तय करता है। आउटपुट का साइज़ बढ़ाने से वह डिटेल सामने नहीं आती जो अपलोड में थी ही नहीं।
ऐप आइकन जेनरेटर खोलें, SVG, PNG, JPEG, WebP या HEIC अपलोड करें, और Android, iOS या दोनों चुनें। ic_launcher जैसा रिसोर्स का नाम, बैकग्राउंड रंग और हर साइड की पैडिंग सेट करें। ZIP में सिर्फ़ चुने गए प्लैटफ़ॉर्म और इंपोर्ट का एक नोट होता है। डाउनलोड प्राइवेट होते हैं, और जो नतीजे आप पहले अनलॉक कर चुके हैं वे शामिल हैं; आपके अपने अपलोड की मौजूदा कीमत टूल के पेज पर बताई जाती है।
हमारा एक उदाहरण लोगो (बाएं) और एक्सपोर्ट टूल ने उससे जो बनाया: iOS आइकन, गोल लॉन्चर में दिखने वाला Android adaptive आइकन, और बड़ा किया हुआ favicon।
Android पैकेज में क्या होता है?
पैकेज में 48, 72, 96, 144 और 192 पिक्सेल के legacy mipmap PNG, 512 पिक्सेल की Play Store इमेज और adaptive आइकन का XML होता है। फ़ोरग्राउंड आर्टवर्क 432 पिक्सेल के ट्रांसपेरेंट कैनवस पर रखा जाता है, जो xxxhdpi पर 108 dp के बराबर है। आपकी चुनी पैडिंग जोड़ने से पहले निशान बीच के 66 dp वाले सेफ़ हिस्से में फ़िट किया जाता है। इससे लॉन्चर मास्क को जगह मिलती है और ज़रूरी आर्टवर्क कैनवस के किनारे पर नहीं जाता।
Adaptive रिसोर्स API 26 वाली डायरेक्टरी में रहते हैं। API 33 वाला वेरिएंट एक मोनोक्रोम लेयर जोड़ता है। फ़ोरग्राउंड और मोनोक्रोम PNG drawable-xxxhdpi में रहते हैं; legacy रिसोर्स अपनी डेंसिटी वाले mipmap फ़ोल्डर में ही रहते हैं। android/res को अपने ऐप की मौजूदा रिसोर्स डायरेक्टरी में मर्ज करें, फिर application पर android:icon="@mipmap/ic_launcher" सेट करें, नाम की जगह अपना चुना हुआ नाम लिखें।
थीम वाला आइकन सोर्स के अल्फ़ा चैनल से बनता है। ट्रांसपेरेंट त्रिकोण से त्रिकोण वाला सिल्हूट बनता है; पूरी तरह बिना ट्रांसपेरेंसी वाली फोटो से भरा हुआ आयत बनता है। यह इनपुट का स्वभाव है, सब्जेक्ट पहचानने वाला कोई फ़ीचर नहीं। जब आपको आकार वाला थीम आइकन चाहिए, तो बैकग्राउंड हटाएं या खास तौर पर बनाया गया ट्रांसपेरेंट निशान दें।
iOS पैकेज में क्या होता है?
iOS फ़ोल्डर में AppIcon.appiconset होता है, जिसमें 1,024 × 1,024 पिक्सेल की बिना ट्रांसपेरेंसी वाली RGB इमेज और एक Contents.json फ़ाइल होती है। इस सेट को अपने मौजूदा Xcode एसेट कैटलॉग में जोड़ें और टारगेट सेटिंग्स में AppIcon चुनें। Xcode का सिंगल-साइज़ तरीका उसी सोर्स से प्लैटफ़ॉर्म के सारे साइज़ बना लेता है।
यह एक्सपोर्टर एक फ़्लैट एसेट कैटलॉग बनाता है। यह Icon Composer का .icon डॉक्यूमेंट, एडिट करने लायक डेप्थ लेयर या Liquid Glass इफ़ेक्ट नहीं बनाता। इनके लिए अलग डिज़ाइन प्रक्रिया चाहिए। अगर आप बाद में लेयर वाले वेरिएंट बनाना चाहते हैं, तो ओरिजिनल आर्टवर्क संभालकर रखें। अपने इंटरफ़ेस के अंदर इस्तेमाल होने वाली आम इमेज के लिए ऐप आइकन सेट की जगह Xcode imageset चुनें।
रिलीज़ से पहले जांच
Android पर सर्कल, स्क्विर्कल और दूसरे लॉन्चर मास्क देखें। थीम वाले आइकन चालू करके मोनोक्रोम नतीजा देखें, और पक्का करें कि पैडिंग के बाद आपका फ़ोरग्राउंड बहुत छोटा न हो गया हो। iOS पर आइकन को Xcode में और डिवाइस पर देखें। छोटे साइज़ पर निशान, बैकग्राउंड के साथ उसका कॉन्ट्रास्ट और अनचाहे किनारों का न होना जांचें।
जेनरेट किया गया पैकेज रिसोर्स फ़ाइलें देता है; यह ट्रेडमार्क अधिकारों की जांच नहीं करता, दिखावट की क्वालिटी नहीं परखता और स्टोर में मंज़ूरी का वादा नहीं करता। फ़ोल्डर मर्ज करने से पहले अपने मौजूदा रिसोर्स की एक कॉपी रखें, और नाम टकराने या टारगेट से जुड़ी खास ज़रूरतों के लिए ऐप का बिल्ड आउटपुट जांचें।