أحجام الأيقونة المفضلة التي تريدها المتصفحات والأجهزة فعلياً

كانت الأيقونة المفضلة تعني سابقاً صورة صغيرة واحدة بحجم 16×16. الآن تتوقع علامة تبويب المتصفح واختصار الشاشة الرئيسية للهاتف وشريط المفضلة وأيقونة اللمس من Apple كل منها حجمها الخاص، وتوفير حجم واحد فقط يترك بعض هذه السياقات إما ضبابية أو تُظهر أيقونة احتياطية عامة بدلاً من أيقونتك.

لماذا لا يكفي حجم واحد

أيقونة 16×16 مكبَّرة لملء مساحة أيقونة شاشة رئيسية بحجم 180×180 تبدو مربعة تماماً مثل أي صورة صغيرة مُمدَّدة إلى حجم كبير — لا توجد طريقة لإضافة تفصيل لم يكن موجوداً في المصدر. كل سياق تظهر فيه الأيقونة المفضلة له دقته المتوقعة الخاصة، والممارسة الحديثة هي توفير مجموعة من الأحجام بدلاً من الاعتماد على متصفح يكبّر ملفاً صغيراً واحداً بشكل سيئ.

الأحجام التي تستحق التغطية

• 16×16 و32×32 — أحجام الأيقونة المفضلة الكلاسيكية، تُستخدم في علامات تبويب المتصفح وقوائم المفضلة في معظم متصفحات سطح المكتب.
• 180×180 — الحجم المتوقع من Apple لأيقونة الشاشة الرئيسية عند إضافة صفحة إلى الشاشة الرئيسية لجهاز iPhone أو iPad.
• 192×192 و512×512 — تُستخدم من قبل Android ومن قبل بيانات تعريف تطبيقات الويب لأيقونات الشاشة الرئيسية وشاشات البداية في تطبيقات الويب القابلة للتثبيت.

الحفاظ على وضوح التصميم عند 16 بكسل

يأخذ مولّد الأيقونة المفضلة صورة مصدر واحدة وينتج المجموعة الكاملة من الأحجام القياسية دفعة واحدة، بالكامل في متصفحك — لكن لا يمكن لأي مولّد إصلاح تصميم لا يعمل بالأساس في الأحجام الصغيرة. تختفي التفاصيل الدقيقة والخطوط الرفيعة والنص الصغير تماماً عند 16×16؛ شكل أو حرف بسيط وعريض يبقى قابلاً للتمييز عند التصغير هو ما يُقرأ فعلياً بوضوح في علامة تبويب المتصفح، بغض النظر عن عدد الأحجام المولَّدة منه.