أيقونات تطبيقات iOS وAndroid: المصدر والأقنعة وملفات التصدير

قد تشترك أيقونة تطبيق iOS وأيقونة مشغّل Android في الرمز نفسه، لكنهما ليستا المورد التقني نفسه. يستطيع iOS إدارة تنويعات الأيقونة انطلاقًا من صورة عالية الدقة في كتالوج الموارد. أما الأيقونات التكيّفية في Android فتفصل المقدمة عن الخلفية ليطبق المشغّل أقنعته وتأثيراته.

يوضح هذا الدليل مسؤولية كل منصة. استخدم دليل أحجام الأيقونات عندما تحتاج إلى قياس محدد أثناء التصدير، بدل تكرار كل الأرقام في هذه المقارنة.

ابدأ بتصميم يمكن التعرف عليه بحجم صغير

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

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

يستخدم iOS كتالوج موارد ويطبق الشكل الخارجي

تشرح Apple مسارًا يستخدم صورة واحدة بحجم 1024 × 1024 لتنويعات الأيقونة في iOS وiPadOS. يحتفظ Xcode بها في كتالوج، غالبًا ضمن مجموعة اسمها AppIcon. يتولى النظام العرض الخارجي، لذلك لا تضف زوايا مستديرة إلى الصورة الأصلية.

ينتج تصدير AppIconGenerator الحالي البنية التالية التي تغطيها اختبارات محلية:

iOS/
├── AppIcon.appiconset/
│   ├── AppIcon-1024.png
│   └── Contents.json
├── AdditionalSizes/
│   └── ...optional PNG sizes
└── README.txt

يعلن Contents.json صورة 1024 كمورد iOS عام. توضع صور PNG الإضافية في مجلد منفصل للمشاريع التي تحتاج إليها، ولا تحل مكان هذا الإدخال في الكتالوج.

لا ينشئ هذا التصدير مظاهر داكنة أو ملوّنة تلقائيًا. لدى Apple أيضًا مسارات أحدث عبر Icon Composer. راجع هدف المشروع وإصدار Xcode قبل اعتبار مجلد جاهزًا لتقديمه إلى المتجر.

استخدم مولّد أيقونات iOS لمعاينة القناع وإعداد مجموعة الملفات المحلية، ثم تحقق منها في المشروع الذي سيستخدمها.

يفصل Android المقدمة عن الخلفية

تحدد إرشادات Android مساحة 108 × 108 dp لكل طبقة. المنطقة المركزية الآمنة 66 × 66 dp تبقى ظاهرة تحت الأقنعة المدعومة. توفر المساحة الخارجية مجالًا للقص وحركة المشغّل.

جهّز الرمز، متى أمكن، كمقدمة شفافة، واجعل الخلفية تملأ طبقتها. أبقِ الحروف والتفاصيل المهمة داخل المنطقة الآمنة. افحص أكثر من شكل؛ فقد يكون الرسم مناسبًا لمربع مستدير، بينما يفقد أجزاء داخل دائرة.

يتضمن التصدير التكيّفي الحالي صور PNG حسب الكثافة، وصورًا تقليدية، ومراجع XML لـAndroid 8.0 وما بعده:

Android/
├── res/
│   ├── mipmap-mdpi/
│   ├── mipmap-hdpi/
│   ├── mipmap-xhdpi/
│   ├── mipmap-xxhdpi/
│   ├── mipmap-xxxhdpi/
│   └── mipmap-anydpi-v26/
│       ├── ic_launcher.xml
│       └── ic_launcher_round.xml
├── play_store_512.png
└── README.txt

يحتوي كل مجلد كثافة على ic_launcher.png وic_launcher_round.png. ويضيف الوضع التكيّفي ic_launcher_foreground.png وic_launcher_background.png اللذين تشير إليهما ملفات XML.

في صانع أيقونات Android، افحص مقياس المقدمة والمنطقة الآمنة والأقنعة قبل تنزيل الحزمة. هذه المعاينة تساعد في التكوين، ويظل فحص التطبيق المثبّت خطوة مستقلة.

صورة Google Play ليست مورد المشغّل

تخدم صورة صفحة المتجر وموارد التطبيق غرضين مختلفين. يحدد Google Play حاليًا PNG بحجم 512 × 512، و32 بت، وفضاء sRGB، وبحد أقصى 1024 KB. يطبق المتجر القناع والظل، لذلك قدّم مربعًا كاملًا دون قناع خارجي أو ظل مضاف.

يوضع الملف في Android/play_store_512.png. لا يستبدل ملفات Android/res/. نجاح التصدير في المتصفح لا يثبت أيضًا قبول الملف في Play Console.

ما الذي يمكن مشاركته بين المنصتين؟

اختر رمزًا مشتركًا، ثم جهّز معالجة المصدر لكل منصة. يمكنك مقارنة النتائج وتصدير الحزمتين عبر App Icon Maker.

قائمة فحص قبل التصدير

1. شاهد الرمز بحجم الشاشة الرئيسية.
2. اترك زوايا iOS الخارجية للنظام.
3. أبقِ شكل Android المهم ضمن المنطقة الآمنة.
4. افحص صورة Google Play كملف مستقل.
5. راجع الأسماء والمراجع قبل استبدال موارد المشروع.
6. ابنِ التطبيق وافحصه في محاكي أو جهاز.

مثال مثبت في المحاكي

في 2 أكتوبر 2026، ثُبتت الأيقونة المصدّرة في محاكي iPhone 17 مستقل يعمل بنظام iOS 26.5. بدأ التطبيق وظهرت أيقونة XY الأصلية على الشاشة الرئيسية. يتحقق ذلك من هذا المشروع والبيئة، ولا يمثل اختبار جهاز فعلي أو قبول App Store.

في 2 أكتوبر 2026، ثُبتت الموارد في محاكي Android API 36 مستقل. بدأ التطبيق وظهرت أيقونة XY في قائمة التطبيقات. يشمل الفحص هذا المشغّل والبناء؛ وتحتاج الأقنعة والأجهزة الأخرى إلى فحوص منفصلة.

أسئلة شائعة

هل يمكن استخدام المصدر نفسه للمنصتين؟

يمكن مشاركة التصميم الأساسي. احتفظ عمليًا بمربع معتم لـiOS ومقدمة شفافة مع خلفية منفصلة لـAndroid، ثم صدّر كل نسخة إلى البنية المناسبة.

هل يجب تدوير زوايا الرسم؟

لا. تطبق الأنظمة وGoogle Play أقنعتها الخاصة. قد ينتج عن قناع مدمج زوايا مزدوجة أو هوامش غير متوقعة.

هل تصلح صورة Google Play كمقدمة تكيّفية؟

ليست هي الغرض المعتاد. صورة المتجر مربع كامل، بينما تحتاج المقدمة إلى الرمز والشفافية والمساحة الآمنة مع خلفية منفصلة.

المصادر التي جرى الرجوع إليها

• Apple: إعداد الأيقونة بكتالوج موارد
• Apple: إنشاء الأيقونة باستخدام Icon Composer
• Android Developers: الأيقونات التكيّفية
• Android Developers: مواصفات أيقونات Google Play

تاريخ مراجعة المصادر: 20 سبتمبر 2026. بنية التصدير المحلية في src/lib/icon-forge/zip.ts، وتغطيها src/lib/icon-forge/zip.test.ts.