الهدف
بعد هالدرس تعرف كيف تولّد أيقونات بكل الأحجام من صورة وحدة، تضيف splash screen احترافي، وتتجنب أشهر 3 أسباب لرفض الأيقونة في App Store.
ليش هذا الحين؟
الأيقونة هي أول شي يشوفه المستخدم قبل ما يحمّل تطبيقك. أيقونة خايسة = ما يحمّل. و App Store يرفض التطبيق لو الأيقونة فيها transparency أو الأحجام غلط. هالدرس يحل هالمشكلة مرة وحدة وتخلص منها.
الفكرة
الأحجام المطلوبة:
iOS يطلب أيقونات في 12 حجم مختلف (20pt، 29pt، 40pt، 60pt، 76pt، 83.5pt — كل واحد بـ @2x و@3x). بدون capacitor-assets، تحتاج تصدّر 12+ ملف يدويا.
Android يطلب 6 densities: mdpi، hdpi، xhdpi، xxhdpi، xxxhdpi، زائد adaptive icon (foreground + background layer منفصلين).
capacitor-assets generate ياخذ 4 ملفات منك ويولّد كل شي تلقائيا.
قواعد الأيقونة:
- لا transparency — iOS يرفض الأيقونات الشفافة تلقائيا
- لا نص صغير — ما ينقرا على 20px
- Corners يضيفها iOS/Android تلقائيا — لا تضيفها في الأيقونة
- الـ safe area: خل المحتوى ياخذ 80% من المساحة (الـ 10% عند الحواف تنخفي خلف الـ rounding)