دليل

أفضل حجم favicon في 2026

لا يوجد حجم favicon واحد مثالي — بل مجموعة مثالية. كل سطح يطلب دقة مختلفة، وحزمة favicon الشاملة تُغطّيها جميعًا انطلاقًا من صورة مصدر واحدة.

16×16 و32×32 يُغطّيان علامات تبويب المتصفح وشريط الإشارات على الشاشات العادية وعالية الكثافة. يوضعان داخل favicon.ico وكملفات PNG مستقلة.

48×48 هو مقاس «الأيقونة المتوسطة» في مستكشف ملفات Windows، وحجم مصغّر شائع في نتائج البحث. ضمّنه دائمًا.

180×180 هو apple-touch-icon من Apple — مطلوب لأيقونة شاشة iOS الرئيسية.

192×192 و512×512 هما مقاسا manifest الخاصّان بـ PWA اللذان يستخدمهما Android وChromium ومحفّز التثبيت.

كيف يعمل

  1. 1

    ابدأ بمصدر مربّع بدقة 512×512 أو أكبر

    PNG أو SVG بإطار viewBox مربّع.

  2. 2

    أنشئ الحزمة

    نُنتج favicon.ico ‏(16/32/48) وapple-touch-icon بمقاس 180 وandroid-chrome بمقاسي 192/512 وملف webmanifest.

  3. 3

    انشرها في جذر الموقع

    ضع كل الملفات في /public أو /app وانسخ وسوم <link> من ملف README.txt.

جربه الآن

أنشئ كل أحجام favicon دفعة واحدة

مولد Favicon

الأسئلة الشائعة

ما أهم حجم favicon منفرد؟+

32×32 — هو المقاس الذي تطلبه المتصفحات أكثر لعلامات التبويب على الشاشات العادية. ضمّنه داخل .ico وكملف PNG مستقل.

هل أحتاج فعلًا إلى أيقونة 512×512؟+

نعم، لمحفّز تثبيت PWA والشاشة الرئيسية في Android. بدونها، يعرض Android أيقونة المتصفح العامّة.

هل يمكنني رفع صورة كبيرة وترك الأداة تُصغّرها؟+

هذا هو سير العمل الموصى به. ابدأ من 512×512 (أو SVG) ودع FetchFavicon يُصدّر كل حجم بدون فقد.

أدوات ذات صلة

المزيد من الأدلة

الأدلة

استكشف FetchFavicon

الفئات

المحوّلات

الأدوات

الأدلة

الدروس