أيقونة الموقع (Favicon) هي الشعار الصغير الذي يظهر في علامات تبويب المتصفح. إنه الأصل المرئي الأكثر مشاهدة لعلامتك التجارية.
في الماضي، كنت بحاجة فقط إلى ملف واحد: favicon.ico. اليوم، المشهد معقد. تحتاج إلى أيقونات مختلفة لشاشات Retina، وشاشات iPhone الرئيسية، وأجهزة Android.
يأخذ مولد أيقونات الموقع شعارك عالي الدقة ويقوم بتغيير حجمه تلقائياً إلى جميع المعايير اللازمة.
التنسيقات المطلوبة
1. الكلاسيكي (favicon.ico)
لا يزال مطلوباً للمتصفحات القديمة. يحتوي عادةً على أحجام متعددة (16x16, 32x32).
2. Apple Touch Icon (180x180)
عندما يضيف مستخدم مستخدم موقعك إلى "الشاشة الرئيسية" على iPhone، يبحث iOS عن هذه الصورة. إذا كانت مفقودة، يأخذ لقطة شاشة لصفحتك، وهو ما يبدو سيئاً.
3. Android Chrome (192x192 & 512x512)
تستخدم أجهزة Android ملفات PNG عالية الدقة هذه، والتي تظهر في درج التطبيقات عند تثبيت موقعك كـ PWA.
كيفية تثبيت الأيقونة الخاصة بك
بعد تنزيل الحزمة، استخرجها في الدليل الجذر لموقعك وأضف الكود إلى <head>.