قواعد أيقونة التطبيق: قناة ألفا والمقاسات للمتجرين

لديك شعار واحد ومتجرا تطبيقات، والملف الذي يُرضي آبل ليس هو الملف الذي تريده جوجل. وتظهر المشكلة في أسوأ لحظة: البناء اكتمل وعملية الرفع تفشل مرارًا بسبب قناة ألفا.

تطلب آبل أيقونة مربعة بمقاس 1024x1024 بخلفية معتمة. ويطلب بلاي ملف PNG بعمق 32 بت بمقاس 512x512 يدعم ألفا من الناحية التقنية، لكن مواصفات التصميم الخاصة بجوجل نفسها تنص على عدم استخدامها. ولا يريد أي من المتجرين ملفًا يبدو مكتمل التشطيب — فكلاهما يطبّق زواياه وتأثيراته الخاصة بعد الرفع. إليك ما يطلبه كل متجر، وكيف تستخرج الملفين من شعار واحد.

آبل: 1024 بكسل، مربعة، ولا شيء شفاف

تحدد إرشادات الواجهة البشرية لدى آبل مقاس تخطيط أيقونة التطبيق لأنظمة iOS وiPadOS وmacOS بـ 1024x1024 px، مربعة، بنطاق ألوان sRGB أو Gray Gamma 2.2 أو Display P3. المسار المفضل لدى آبل الآن هو Icon Composer، حيث تستورد طبقات المقدمة وتحدد الخلفية داخل الأداة، لكن الصورة المسطّحة ما تزال مقبولة: الطبقات تمنح تحكمًا أكبر، لكنها ليست إلزامية.

من يرسل تطبيقه لأول مرة يتعثر غالبًا في الخلفية. تعليمات آبل بشأن طبقة الخلفية المستوردة صريحة: اجعلها ممتدة حتى الحواف ومعتمة. ملف PNG بمقاس 1024 بكسل مع خلفية شفافة ليس أيقونة صالحة لمتجر التطبيقات — ارفع واحدًا وسيعيد App Store Connect الخطأ ITMS-90717: لا يمكن أن تكون أيقونة App Store شفافة أو أن تحتوي على قناة ألفا. الاستثناء الوحيد هو نسخة المظهر الداكن: تطلب آبل تقديمها بخلفية شفافة حتى تظهر من خلفها الخلفية التي يوفرها النظام. وفي كل موضع آخر، حدد اللون الذي سيجلس خلف شعارك وادمجه في الملف.

تغيّر منصات آبل الأخرى مقاس التخطيط: watchOS بمقاس 1088x1088 وvisionOS بمقاس 1024x1024، وكلاهما يُقصّ بقناع دائري، وtvOS بمقاس عرضي 800x480. كما تغيّر الطريقة: تُجمَّع أيقونات tvOS وvisionOS كحزم صور متعددة الطبقات في Xcode بدلًا من Icon Composer.

جوجل بلاي: 512 بكسل، ألفا مسموحة، والشفافية خطأ رغم ذلك

أيقونة صفحة المتجر في بلاي هي PNG بعمق 32 بت مع ألفا، بمقاس 512x512 px، بنطاق sRGB، وبحد أقصى 1024KB. اقرأ ذلك وحده وستبدو لك الصورة المقصوصة الشفافة التي لديك بالفعل مناسبة تمامًا.

مواصفات تصميم الأيقونات لدى جوجل تُغلق هذا الباب: الأصول الشفافة تعرض لون خلفية واجهة جوجل بلاي. عندها يطفو شعارك فوق أي سطح يعرضه بلاي، ويختفي الشعار الداكن في الوضع الداكن. نصيحة جوجل: اختر لون خلفية مناسبًا لعلامتك التجارية.

قاعدتان أخريان في بلاي: ممنوع وضع شارات أو نصوص توحي بترتيب أو سعر أو فئات بلاي، وأيقونة صفحة المتجر منفصلة عن أيقونة المشغّل على الجهاز. تستخدم تلك الأيقونة التكيفية طبقات بمقاس 108x108 dp، حيث لا يُضمن عدم القص بأقنعة مصنّعي الأجهزة إلا للمنطقة الداخلية بمقاس 66x66 dp.

استخراج الملفين من شعار واحد

يبدأ الملفان من الشيء نفسه: شعارك، مفصولًا بنظافة عن أي شيء كان يجلس عليه. إذا كان شعارك موجودًا فقط كملف JPEG من مورّد أو كصورة لمطبوعات مكتبية، فقم بقصّه أولًا حتى ينعزل الشكل بقناة ألفا حقيقية. يقوم remover.bg برفع الشعار عن خلفيته ويتيح لك وضعه على لون صلب أو لون علامتك التجارية المخصص في المحرر — وهي خطوة التسطيح التي تشترطها آبل.

الترتيب الذي ينجح:

1. أزل الخلفية حتى يقف الشعار وحده. افحص الحواف على لون داكن، لا على الأبيض — فالخطوط الرفيعة والزوائد الحرفية تخفي عيوبها على معاينة بيضاء.
2. اضبط الخلفية على لون علامتك التجارية ونزّل ملف PNG. واحتفظ أيضًا بالنسخة ذات الخلفية الشفافة، للملفات الصحفية وأيقونات المواقع.
3. في أداة التصميم الخاصة بك، ضع ذلك الملف على لوحة مربعة وصدّره بمقاس 1024x1024 لآبل و512x512 لبلاي. تغيير المقاس مكانه هناك، لا في أداة إزالة الخلفية.

بالنسبة لشعار ممسوح ضوئيًا أو مصوّر، يغطي مقال إزالة الخلفية من شعار الحالات الحدّية، ويشرح دليل PNG الشفاف لماذا يستحق ذلك الملف الأصلي الاحتفاظ به.

دع المتجرين يرسمان الزوايا والظل

بلاي واضح تمامًا في هذا: فهو يقوم بنفسه بتدوير الزوايا بنصف قطر يعادل 30% من مقاس الأيقونة، ويضيف ظله الساقط الخاص بعد الرفع، ويطلب منك إسقاط الاثنين. أما آبل فتقصّ مربعك داخل المستطيل مدوّر الزوايا الخاص بالنظام وتطبّق إبرازاتها وانكسار الضوء والشفافية الجزئية الخاصة بها، محذّرة من أن الطبقات المقصوصة مسبقًا تُفسد تلك التأثيرات وتجعل الحواف تبدو مسنّنة.

إذن: لا زوايا مدوّرة مسبقًا، ولا ظل ساقط، ولا حواف بارزة، ولا توهّج. هذا الانضباط خاص بالأيقونات تحديدًا — أما في صورة منتج، فإن الظل الملامس الواقعي هو ما يمنع العنصر من أن يبدو ملصقًا.

ولأن كلا المتجرين يطبّق قناعًا، أبقِ الجزء المهم من الشعار في المنتصف. توجيه آبل هو توسيط المحتوى الأساسي حتى لا يبتره القناع. أما شبكة الخطوط الإرشادية في بلاي فتعمل بخلاف ما يفترضه الناس: إنها دليل لتحديد المواضع، لا حدود. تعليمات جوجل هي ملء الأصل بالكامل بالعمل الفني متى استطعت، واللجوء إلى الخطوط الإرشادية فقط عندما يكون الشكل المحيط بالشعار جوهريًا للعلامة التجارية. أضف هوامش مربعة من باب الحذر وستظهر أيقونتك أصغر بشكل ملحوظ من كل صفحات المتجر المجاورة لها.

ما يلتهمه نصف القطر البالغ 30% فعليًا هو الزوايا، لذا فإن الشعار النصي المدفوع إليها يفقد أطرافه. وعلى الأقنعة الدائرية في watchOS وvisionOS، يفقد الشعار النصي الممتد من حافة إلى حافة حرفيه الأول والأخير كليًا.

قبل أن ترفع

• آبل: PNG بمقاس 1024x1024، مربعة، معتمة بالكامل، والزوايا تُترك حادة.
• بلاي: PNG بعمق 32 بت بمقاس 512x512، بحد أقصى 1024KB، بخلفية بلون العلامة التجارية بدلًا من الشفافية، والزوايا تُترك حادة.
• العمل الفني والألوان نفسها في المتجرين: على المستخدمين أن يتعرفوا على تطبيق واحد، لا اثنين.
• عايِن الاثنين بحجم الصورة المصغّرة. التفاصيل التي تُقرأ عند 1024 تختفي عند 40 بكسلًا.

أصلح الأيقونة مرة واحدة وستبقى صالحة لكل إصدار يأتي بعد هذا.