شرح أحجام favicon
كل متصفح ونظام تشغيل ومحفّز تثبيت يطلب دقة مختلفة من favicon. هذا الدليل يربط كل مقاس شائع بالسطح الذي يُعرض فيه، لتعرف بالضبط ما يجب إنشاؤه من صورة مصدر واحدة.
16×16 و32×32 يُشغّلان علامات التبويب وشريط الإشارات المرجعية على الشاشات العادية وشاشات 2×. يوضعان داخل favicon.ico ويمكن أيضًا تصديرهما كملفات PNG مستقلة.
48×48 و64×64 يُغطّيان مستكشف الملفات في Windows، وتثبيت شريط المهام، وبعض مصغّرات نتائج البحث.
128×128 و256×256 يُستخدمان داخل ملفات .ico متعددة الأحجام وفي واجهة Windows عالية الكثافة.
180×180 هو مقاس apple-touch-icon لأيقونة الشاشة الرئيسية في iOS. بينما 192×192 و512×512 مطلوبان لواجهات تثبيت PWA على Android وChromium.
كيف يعمل
- 1
اختر صورة مصدر مربّعة
PNG بدقة 512×512 أو SVG بإطار viewBox مربّع.
- 2
صدّر المجموعة الكاملة
استخدم مولّد FetchFavicon لإنشاء .ico وapple-touch-icon وأيقونات الـ manifest بصيغة PNG.
- 3
اربط كل مقاس
انسخ وسوم <link> الجاهزة من ملف README المرفق أو دليل مولّد HTML.
جربه الآن
أنشئ كل أحجام favicon
مولد Faviconالأسئلة الشائعة
كم عدد أحجام favicon التي أحتاجها فعلًا؟+
الحدّ الأدنى: ملف .ico متعدد الأحجام (16/32/48) + apple-touch-icon بمقاس 180. الإعداد الأمثل: أضف 192 و512 لـ PWA.
هل يمكن لصورة واحدة تغطية كل الأحجام؟+
نعم — ابدأ من مقاس 512×512 أو SVG وصدّر كل حجم برمجيًا. لا تُكبّر أبدًا شعارًا صغيرًا.
أيّ مقاس هو الأهم لتحسين محركات البحث؟+
Google يستخدم 48×48 على الأقل في نتائج البحث. ضمّن المقاس 48 داخل ملف .ico وكملف PNG مستقل.