أفضل أحجام favicon للمواقع
هناك عشرات التوصيات على الإنترنت. إليك المجموعة الأصغر التي تُغطّي فعلًا 100% من المستخدمين.
تحقق من أيقونات أي موقع
ثبّت إضافة FetchFavicon لمتصفح Chrome لاستخراج الأيقونات ومعاينتها والتحقق منها فورًا.
ما تطلبه المتصفحات
متصفحات سطح المكتب تطلب 16×16 (علامة التبويب) و32×32 (شريط الإشارات) و48×48 (نتائج البحث). الثلاثة يُوضعون بسهولة داخل ملف .ico واحد.
ما تطلبه أنظمة التشغيل
قائمة ابدأ ومستكشف الملفات في Windows قد يطلبان حتى 256×256. macOS يُفضّل .icns لكنه يقبل .ico. ادمج المقاسات 16 و32 و48 و64 و128 و256 في ملف .ico لتغطية كل شيء.
ما تطلبه PWA والأجهزة المحمولة
أضف 180×180 (apple-touch-icon) وPNG بمقاسي 192×192 و512×512 (web manifest) لتثبيت نظيف على الشاشة الرئيسية.
الحدّ الأدنى الكافي
favicon.ico متعدد الأحجام + apple-touch-icon.png (180×180) + PNG بمقاس 512×512 في الـ manifest. هذا كل ما تحتاجه.
الأسئلة الشائعة
What is the best favicon size for websites?
Ship a multi-size favicon.ico with 16, 32, 48, 64, 128, and 256 pixels. Add 180×180 for Apple and 192/512 PNGs for PWAs.
What favicon size do browsers use in tabs?
Desktop browsers typically request 16×16 for tabs, 32×32 for bookmark bars, and 48×48 for some search results.
What is the minimum favicon setup?
A multi-size favicon.ico plus apple-touch-icon.png (180×180) and a 512×512 PNG in your web manifest.
Do I need a 256×256 favicon?
Yes for Windows shortcuts and high-DPI surfaces. Bundle it inside your .ico file.