كيفية إنشاء favicon
إنشاء favicon لا يستغرق أكثر من 60 ثانية: ابدأ بصورة مربّعة، أنشئ ملف .ico متعدد الأحجام، ثم اربطه في وسم <head> في HTML. هذا الدليل يُرشدك خطوة بخطوة.
تحقق من أيقونات أي موقع
ثبّت إضافة FetchFavicon لمتصفح Chrome لاستخراج الأيقونات ومعاينتها والتحقق منها فورًا.
صورة المصدر يجب أن تكون مربّعة وبدقة 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">.
أدوات ذات صلة
مولد Favicon
أنشئ حزمة Favicon كاملة (ICO + PNGs) لجميع الأجهزة والمتصفحات.
محول PNG إلى ICO
محول PNG إلى ICO مجاني عبر الإنترنت لأيقونات Windows، أيقونات التطبيقات، وFavicon المواقع.
محول SVG إلى PNG
حول رسوميات SVG المتجهة إلى PNG بأي دقة.
فاحص favicon
تحقق من favicon أي موقع — تحقق من الأحجام والصيغ والمتغيرات المفقودة.