كيفية إنشاء favicon
إنشاء favicon لا يستغرق أكثر من 60 ثانية: ابدأ بصورة مربّعة، أنشئ ملف .ico متعدد الأحجام، ثم اربطه في وسم <head> في HTML. هذا الدليل يُرشدك خطوة بخطوة.
صورة المصدر يجب أن تكون مربّعة وبدقة 512×512 على الأقل. SVG أفضل — فهو يتدرّج دون أي فقد في الجودة.
أبسط إعداد هو ملف favicon.ico واحد متعدد الأحجام. الإعدادات الحديثة تُضيف أيضًا SVG وapple-touch-icon بمقاس 180×180 وزوج PNG بمقاسي 192×192 و512×512 لمحفّزات تثبيت PWA.
كيف يعمل
- 1
جهّز صورة مصدر مربّعة
PNG بدقة 512×512 أو SVG بإطار viewBox مربّع.
- 2
أنشئ الأيقونة
استخدم مولّد FetchFavicon لدمج كل المقاسات في ملف .ico واحد.
- 3
ثبّتها على موقعك
ضع favicon.ico في جذر الموقع واربطه في <head>.
جربه الآن
أنشئ favicon الآن
مولد Faviconالأسئلة الشائعة
ما أسهل أداة لإنشاء favicon؟+
مولّد FetchFavicon — ارفع الصورة، انقر إنشاء، ثم حمّل الملف. بدون تسجيل ودون رفع لخادم.
ما الدقة المطلوبة للصورة المصدر؟+
512×512 كحدّ أدنى. SVG هو الخيار المثالي.
هل أحتاج apple-touch-icon؟+
نعم، إن أردت أيقونة واضحة على الشاشة الرئيسية في iOS. ملف PNG بمقاس 180×180 يُربط عبر <link rel="apple-touch-icon">.