أيقونة الموقع وملف البيان
صورة واحدة تدخل، وتخرج المجموعة كاملة: ملف ICO حقيقي بعدّة أحجام، وأيقونة Apple مسطَّحة كما تشترط Apple، وصور PNG الخاصة بملف البيان، وملف البيان نفسه، وكتلة HTML جاهزة للّصق. كما يعرض عليك قصّ maskable في أندرويد قبل أن يعضّ، وهو الموضع الذي تفقد فيه معظم الأيقونات أطرافها بهدوء.
الدائرة هي الحدّ الذي قد يقصّ إليه أندرويد. وكل ما يقع خارجها قد يُقتطع على بعض الأجهزة.
| الملف | المقاس | ما يستخدمه |
|---|
لماذا لا يزال ملف .ico مهمًّا
صورة PNG واحدة تكفي معظم المتصفحات، ولو لم تكن تحتاج سوى أيقونة تبويب لتوقّفت عند ذلك. لكن ملف ICO يستحق مكانه لأنه يحمل عدّة دقّات في ملف واحد، ونظام التشغيل هو من يختار المناسبة: التبويب يأخذ مقاس 16، والاختصار المثبَّت أو رابط سطح المكتب يأخذ 32 أو 48، وكلٌّ منها مرسوم من صورة نقطية صُنعت لذلك المقاس بدل ضغط صورة كبيرة على الطاير. والملف الناتج هنا حاوية من صور PNG بترويسة صغيرة، وهو ما يقرأه كل متصفح صدر في هذا القرن.
المنطقة الآمنة للأيقونة القابلة للقصّ
لا يَعِد أندرويد بعرض أيقونتك مربّعة. فبحسب المشغّل قد يقصّها إلى دائرة أو شكل مربّع مستدير أو مربّع بأطراف دائرية، والضمان الوحيد الذي تناله هو الدائرة الداخلية: ثمانون بالمئة من العرض، في المنتصف. والتصميم الذي يمتدّ إلى الأطراف هو بالضبط التصميم الذي يفقد أطرافه. والعلاج أن تُضاف هوامش لأيقونات ملف البيان لتقع داخل تلك المنطقة الآمنة، والمعاينة هنا ترسم القصّ لتراه قبل أن يراه المستخدم.
لماذا لا شفافية في أيقونة Apple
يركّب iOS أيقونة الشاشة الرئيسية فوق شكله المستدير الخاص، ولا يحترم قناة الشفافية كما تتمنّى؛ فتخرج المناطق الشفافة سوداء. لذلك يُسطَّح هذا الملف تحديدًا فوق لون خلفيتك قبل الترميز، بينما تحتفظ صور PNG الخاصة بملف البيان بقناة الشفافية، حيث تُعالَج على وجهها الصحيح.
ماذا تفعل بالملفات
ضعها في جذر الموقع لا في مجلد أصول — فالمتصفحات وبرامج الزحف تخمّن مسار أيقونة الموقع، وبعضها يطلبها سواء ربطتها أم لا. ثم الصق كتلة HTML داخل رأس صفحتك. ومسار ملف البيان هو السطر الوحيد الذي يجب أن يطابق المكان الذي وضعت فيه الملف فعلًا.
الأسئلة الشائعة
هل ما زلت بحاجة إلى favicon.ico ولديّ صور PNG؟
بحرفية الكلام: لا. أما عمليًّا: نعم — فكثير من برامج الزحف وقارئات التغذيات والأدوات القديمة تطلب أيقونة الموقع عبر مسارها ولا تنظر إلى شيفرتك أصلًا. وثمن ذلك بضعة كيلوبايتات.
أيقونتي تبدو ملطّخة عند 16 بكسل. ماذا أفعل؟
لا شيء هنا يصلح ذلك، ببساطة لأن المساحة لا تكفي. عند هذا المقاس لا يبقى للعلامة سوى نحو عشرة بكسلات مقروءة عرضًا، والشعار الحرفي سينتهي عجينة دائمًا. قدِّم نسخة مبسّطة — شكل واحد، حرف واحد — كمصدر، واحتفظ بالشعار الكامل لكل ما عداه.
هل أوقف هامش الأيقونة القابلة للقصّ؟
فقط إن كان تصميمك يجلس أصلًا داخل هامش سخيّ خاص به. أما إن كان يملأ الإطار فاتركه مفعَّلًا، وإلا قصّ أندرويد في داخله.
هل تُرفع صورتي إلى أي مكان؟
لا. كل مقاس يُرسم على لوحة داخل هذه الصفحة، والأرشيف يُجمَّع في الذاكرة. لا يُرسل شيء.
من صنع فريق GO AI. مولّد أيقونات التطبيقات · مغيّر المقاسات بالدُّفعات · كل الأدوات المجانية