ما الذي تفعله الأداة
ينشئ مولّد favicon أيقونات PNG وfavicon.ico وsite.webmanifest ومقتطف HTML لربط الملفات. يمكنك اختيار الخلفية والحشو ووضع القص.
طريقة الاستخدام
- ارفع شعارًا مربعًا أو قريبًا من المربع.
- اضبط الخلفية والحشو ووضع القص واسم التطبيق.
- حمّل ZIP وضع الملفات في جذر موقعك.
محتويات حزمة favicon
يحتوي ملف ZIP على favicon.ico للمتصفحات التقليدية، وأيقونات PNG بأحجام 16 و32 و48 و180 و192 و512 بكسل، وملف site.webmanifest، ومقتطف HTML لربط الملفات. يغطي ذلك تبويبات المتصفح والمفضلات وأيقونة iOS وأيقونات Android/PWA.
يُبنى favicon.ico من عدة أحجام PNG حتى تختار المتصفحات القديمة والحديثة النسخة المناسبة. يستخدم PNG بحجم 180x180 كـ apple-touch-icon، بينما تُذكر أحجام 192 و512 في manifest لأيقونات الموقع القابلة للتثبيت.
تحضير الشعار الأصلي
الأفضل استخدام شعار مربع أو شبه مربع مع مساحة كافية حول العلامة. إذا كانت العلامة عريضة أو طويلة، استخدم إعدادات الخلفية والحشو حتى لا تلتصق بحواف الأيقونات الصغيرة.
الخلفية الشفافة مفيدة للعلامات البسيطة، لكن بعض المنصات قد تعرضها بشكل مختلف. لمظهر ثابت، اختر لون خلفية وافحص معاينات 192 و48 و32 بكسل قبل التنزيل.
تثبيت الملفات على الموقع
في معظم المشاريع توضع ملفات ZIP في جذر الموقع بجانب /favicon.ico، ويضاف مقتطف HTML إلى head القالب. إذا كان الموقع يستخدم إطار عمل، ضع الملفات في المجلد العام الذي ينسخها دون تغيير أسمائها.
بعد استبدال favicon قد تستمر المتصفحات ومحركات البحث في عرض الأيقونة القديمة من الذاكرة المؤقتة. افحص الصفحة في نافذة خاصة، وحدّث الذاكرة المؤقتة، وانتظر إعادة الزحف إذا كانت الأيقونة منشورة سابقًا.