دليل

Favicon لـ Webflow

يحفظ Webflow الـ favicon في إعدادات المشروع ويُقدّمه عبر شبكة CDN الخاصة به في كل صفحة منشورة. ارفع صورة مربّعة بمقاس 32×32 بصيغة PNG أو ICO — أو مصدرًا بمقاس 256×256 أو أكبر ليُصغّره Webflow.

افتح مشروعك ← Project Settings ← General ← Favicon. يقبل Webflow صيغ PNG أو ICO أو GIF ويُدرج وسوم <link rel="icon"> الصحيحة عند النشر.

لدعم شاشات Retina وأيقونة الشاشة الرئيسية في iOS، أضف أيضًا apple-touch-icon وأيقونات PWA عبر الكود المخصّص في إعدادات الموقع إن كانت خطتك تسمح بالتضمين في <head>.

كيف يعمل

  1. 1

    أنشئ favicon مربّعًا

    استخدم مولّد FetchFavicon — صدّر .ico بالإضافة إلى apple-touch-icon بمقاس 180×180.

  2. 2

    Project Settings ← Favicon

    ارفع ملف PNG أو ICO.

  3. 3

    انشر الموقع

    Webflow يُوزّع الأيقونة على جميع صفحات نطاقك المخصّص.

جربه الآن

أنشئ favicon جاهزًا لـ Webflow

مولد Favicon

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

ما مقاس favicon الذي يستخدمه Webflow؟+

هدف الرفع 32×32، لكن ابدأ بمقاس 256×256 أو 512×512 ليبقى التصغير حادًّا.

لماذا لا يتحدّث favicon الخاص بموقعي على Webflow؟+

انشر الموقع بعد تغيير الملف. المتصفحات تُخزّن favicon مؤقتًا — جرّب التحديث القسري أو أضف ?v=2 إلى الرابط في الكود المخصّص.

هل يمكنني استخدام SVG favicon على Webflow؟+

أداة الرفع المدمجة تقبل الصيغ النقطية فقط. أضف SVG عبر Project Settings ← Custom Code ← Head إن احتجت للصيغة المتجهية أو دعم الوضع الداكن.

أدوات ذات صلة

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

الأدلة

استكشف FetchFavicon

الفئات

المحوّلات

الأدوات

الأدلة

الدروس