ऐप आइकन नियम: दोनों स्टोर के लिए अल्फा चैनल और साइज़

आपके पास एक लोगो है और दो ऐप स्टोर, और जो फ़ाइल Apple को संतुष्ट करती है वह वही फ़ाइल नहीं है जो Google चाहता है। यह सबसे बुरे पल में सामने आता है: बिल्ड तैयार है और अपलोड बार-बार अल्फा चैनल की वजह से फेल हो रहा है।

Apple को एक स्क्वायर 1024x1024 आइकन चाहिए जिसका बैकग्राउंड अपारदर्शी (opaque) हो। Play को एक 512x512 32-bit PNG चाहिए जो तकनीकी रूप से अल्फा को सपोर्ट करता है, लेकिन Google के अपने डिज़ाइन स्पेक के अनुसार इसका इस्तेमाल नहीं करना चाहिए। और कोई भी स्टोर पूरी तरह तैयार दिखने वाली फ़ाइल नहीं चाहता — दोनों अपलोड के बाद खुद अपने कोने (corners) और इफ़ेक्ट लगाते हैं। यहाँ बताया गया है कि हर स्टोर क्या मांगता है, और एक ही लोगो से दोनों फ़ाइलें कैसे बनाई जाएं।

Apple: 1024 पिक्सल, स्क्वायर, कुछ भी पारदर्शी नहीं

Apple की Human Interface Guidelines, iOS, iPadOS और macOS के लिए ऐप आइकन का लेआउट साइज़ 1024x1024 px, स्क्वायर, sRGB में, Gray Gamma 2.2 या Display P3 बताती हैं। Apple का पसंदीदा तरीका अब Icon Composer है, जहाँ आप फोरग्राउंड लेयर इम्पोर्ट करते हैं और बैकग्राउंड टूल के भीतर ही तय करते हैं, लेकिन एक फ्लैट (flattened) इमेज अब भी स्वीकार्य है: लेयर ज़्यादा नियंत्रण देती हैं, लेकिन ये अनिवार्य नहीं हैं।

पहली बार सबमिट करने वालों को अक्सर बैकग्राउंड पर ही रोक दिया जाता है। इम्पोर्ट की गई बैकग्राउंड लेयर के लिए Apple का निर्देश साफ़ है: इसे फुल-ब्लीड और अपारदर्शी बनाएं। ट्रांसपेरेंट बैकग्राउंड वाला 1024px PNG एक वैध App Store आइकन नहीं है — ऐसी फ़ाइल अपलोड करें तो App Store Connect ITMS-90717 एरर लौटाता है: App Store आइकन ट्रांसपेरेंट नहीं हो सकता या उसमें अल्फा चैनल नहीं हो सकता। डार्क अपीयरेंस वैरिएंट एकमात्र अपवाद है: Apple चाहता है कि आप इसे ट्रांसपेरेंट बैकग्राउंड के साथ दें ताकि सिस्टम का दिया गया बैकग्राउंड नज़र आए। बाकी हर जगह, यह तय करें कि आपके मार्क के पीछे कौन-सा रंग रहेगा और उसे फ़ाइल में पक्का शामिल करें।

बाकी Apple प्लेटफ़ॉर्म पर लेआउट साइज़ बदल जाता है: watchOS पर 1088x1088 और visionOS पर 1024x1024, दोनों गोलाकार (circular) मास्क में, और tvOS पर एक लैंडस्केप 800x480। तरीका भी बदल जाता है: tvOS और visionOS के आइकन Icon Composer में नहीं बल्कि Xcode में लेयर्ड इमेज स्टैक के रूप में तैयार किए जाते हैं।

Google Play: 512 पिक्सल, अल्फा की अनुमति, फिर भी ट्रांसपेरेंसी एक गलती

Play का स्टोर लिस्टिंग आइकन एक 32-bit PNG है जिसमें अल्फा हो, 512x512 px, sRGB, अधिकतम 1024KB। सिर्फ़ यह पढ़ें तो लगता है कि आपका पहले से मौजूद ट्रांसपेरेंट कटआउट बिल्कुल ठीक है।

Google का आइकन डिज़ाइन स्पेक यह दरवाज़ा बंद कर देता है: ट्रांसपेरेंट एसेट Google Play UI का बैकग्राउंड रंग ही दिखाते हैं। आपका मार्क फिर Play जो भी सतह रेंडर करे, उसी पर तैर रहा दिखता है, और डार्क मोड में एक गहरे रंग का लोगो गायब हो जाता है। Google की सलाह: अपने ब्रांड के हिसाब से उपयुक्त बैकग्राउंड रंग चुनें।

Play के दो और नियम: ऐसा कोई बैज या टेक्स्ट न हो जो रैंकिंग, कीमत या Play कैटेगरी का संकेत देता हो, और स्टोर लिस्टिंग आइकन डिवाइस के लॉन्चर आइकन से अलग है। वह एडैप्टिव आइकन 108x108 dp लेयर इस्तेमाल करता है, जिसमें केवल भीतरी 66x66 dp हिस्से की गारंटी होती है कि वह किसी OEM मास्क से कभी नहीं कटेगा।

एक ही लोगो से दोनों फ़ाइलें बनाना

दोनों फ़ाइलें एक ही चीज़ से शुरू होती हैं: आपका मार्क, जो जिस भी चीज़ पर पहले बैठा था उससे साफ़-साफ़ अलग किया गया हो। अगर आपका लोगो सिर्फ़ किसी सप्लायर से मिली JPEG के रूप में या प्रिंटेड स्टेशनरी की फोटो के रूप में मौजूद है, तो पहले उसे काट लें ताकि शेप एक असली अल्फा चैनल के साथ अलग हो जाए। remover.bg मार्क को उसके बैकग्राउंड से अलग कर देता है और आपको एडिटर में इसे किसी ठोस या कस्टम ब्रांड रंग पर डालने देता है — यही वह फ्लैटन (flatten) स्टेप है जो Apple को चाहिए।

यह क्रम काम करता है:

1. बैकग्राउंड हटाएं ताकि लोगो अकेले खड़ा रहे। किनारों को सफ़ेद नहीं बल्कि किसी गहरे रंग की पृष्ठभूमि पर जाँचें — पतली स्ट्रोक्स और सेरिफ़ अपनी खामियां सफ़ेद प्रीव्यू में छुपा लेते हैं।
2. बैकग्राउंड को अपने ब्रांड रंग पर सेट करें और एक PNG एक्सपोर्ट करें। प्रेस किट और फ़ेविकॉन के लिए ट्रांसपेरेंट वर्शन भी सुरक्षित रखें।
3. अपने ही डिज़ाइन टूल में, उस PNG को एक स्क्वायर कैनवस पर रखें और Apple के लिए 1024x1024 तथा Play के लिए 512x512 पर एक्सपोर्ट करें। साइज़िंग का काम वहीं होना चाहिए, बैकग्राउंड रिमूवर में नहीं।

किसी स्कैन किए हुए या फोटो खींचे गए लोगो के लिए, लोगो से बैकग्राउंड हटाना एज केस कवर करता है, और ट्रांसपेरेंट PNG गाइड बताती है कि वह मास्टर फ़ाइल क्यों सुरक्षित रखने लायक है।

कोने और शैडो स्टोर पर ही छोड़ दें

Play इस बारे में बिल्कुल स्पष्ट है: वह खुद ही कोनों को आइकन साइज़ के 30% रेडियस पर गोल करता है, अपलोड के बाद खुद अपना ड्रॉप शैडो जोड़ता है, और आपसे कहता है कि आप दोनों में से कोई भी न करें। Apple आपके स्क्वायर को सिस्टम की गोल-कोने वाली रेक्टेंगल में मास्क करता है और खुद अपने हाइलाइट, रिफ्रैक्शन और ट्रांसल्यूसेंसी लगाता है, यह चेतावनी देते हुए कि पहले से मास्क की गई लेयर इन इफ़ेक्ट्स को खराब कर देती हैं और किनारे दाँतेदार (jagged) दिखने लगते हैं।

यानी: पहले से गोल किए हुए कोने नहीं, ड्रॉप शैडो नहीं, बेवल नहीं, ग्लो नहीं। यह संयम सिर्फ़ आइकन के लिए है — किसी प्रोडक्ट फोटो में, एक असली-जैसा कॉन्टैक्ट शैडो ही वह चीज़ है जो प्रोडक्ट को चिपकाया हुआ दिखने से बचाती है।

क्योंकि दोनों स्टोर मास्किंग करते हैं, इसलिए मार्क के अहम हिस्से को बीच में रखें। Apple की सलाह है कि प्राइमरी कंटेंट को सेंटर में रखें ताकि मास्किंग उसे काट न सके। Play की keyline ग्रिड वैसे काम नहीं करती जैसा लोग मान लेते हैं: यह एक पोज़िशनिंग गाइड है, कोई सीमा-रेखा नहीं। Google का निर्देश है कि जहाँ तक हो सके पूरी एसेट को आर्टवर्क से भर दें, और keyline का सहारा तभी लें जब लोगो के इर्द-गिर्द की शेप ब्रांड के लिए ज़रूरी हो। एहतियात के तौर पर स्क्वायर के चारों ओर पैडिंग छोड़ दें तो आपका आइकन बाकी सभी लिस्टिंग के मुक़ाबले साफ़ तौर पर छोटा दिखने लगेगा।

30% रेडियस असल में जो खाता है वह हैं कोने, इसलिए कोनों में धकेला गया कोई वर्डमार्क अपने सिरे खो देता है। गोलाकार watchOS और visionOS मास्क पर, एज-टू-एज वर्डमार्क अपने पहले और आख़िरी अक्षर पूरी तरह खो देता है।

अपलोड करने से पहले

• Apple: 1024x1024 PNG, स्क्वायर, पूरी तरह अपारदर्शी, कोने नुकीले ही रहने दें (गोल न करें)।
• Play: 512x512 32-bit PNG, अधिकतम 1024KB, ट्रांसपेरेंसी की जगह ब्रांड-रंग वाला बैकग्राउंड, कोने नुकीले ही रहने दें (गोल न करें)।
• दोनों स्टोर पर एक जैसा आर्टवर्क और रंग रखें: यूज़र्स को एक ऐप पहचानना चाहिए, दो नहीं।
• दोनों को थंबनेल साइज़ में प्रीव्यू करें। जो डिटेल 1024 पर साफ़ दिखती है वह 40 पिक्सल पर गायब हो जाती है।

आइकन को एक बार सही कर लें, फिर वह इसके बाद आने वाले हर रिलीज़ के लिए सही बना रहता है।