مولِّد الأيقونات

ما هي أيقونة الموقع (favicon)؟

هي الأيقونة الصغيرة التي تمثل الموقع في علامة تبويب المتصفح، والمفضلة، والسجل، ونتائج البحث على الهاتف، والشاشة الرئيسية للهاتف عند تثبيت الموقع عليها. بدونها يعرض المتصفح أيقونة عامة، فيبدو الموقع غير مكتمل.

إنشاء أيقونة موقعك

اختر صورة، ويفضل أن تكون مربعة بأبعاد 512 × 512 بكسل على الأقل. ينشئ Toolo:

• ملف favicon.ico، الصيغة التقليدية المعروفة في كل مكان؛
• حزمة PNG بالأحجام الحديثة، تُنزَّل في ملف ZIP.

تثبيت الملفات

ضع favicon.ico في جذر موقعك: تبحث عنه المتصفحات تلقائيًا في /favicon.ico. ثم أضف في قسم <head> من صفحاتك الوسوم المناسبة، مثل:

• <link rel="icon" href="/favicon.ico" sizes="any">
• <link rel="apple-touch-icon" href="/apple-touch-icon.png">

ولتطبيق ويب قابل للتثبيت، عرّف الأيقونتين 192 و512 في ملف manifest.webmanifest.

نصائح لأيقونة صغيرة ناجحة

• بسّط: عند 16 بكسل يتحول الشعار المفصّل إلى بقعة. حرف أو رمز أو شكل بسيط يعمل بشكل أفضل.
• اهتم بالتباين: يجب أن تبقى الأيقونة واضحة على علامة تبويب فاتحة وداكنة معًا.
• استغل المساحة: اترك هامشًا صغيرًا حول الرسم.

أيقونتي الجديدة لا تظهر

تحتفظ المتصفحات بالأيقونات في الذاكرة المؤقتة لفترة طويلة. أعد تحميل الصفحة مع تجاوز الذاكرة المؤقتة، أو افتح الموقع في نافذة خاصة، أو أضف معامل إصدار إلى العنوان مثل /favicon.ico?v=2.

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

هل يجب أن تكون الصورة مربعة؟

يفضَّل ذلك. الصورة غير المربعة ستُضبط، وقد تتشوه قليلًا. قصّها أولًا على شكل مربع بأداة قص الصورة.

هل تُرسل صورتي إلى خادم؟

لا. تُنشأ الأيقونات داخل متصفحك، ولا تغادر الصورة جهازك.

هل تبقى صورة PNG الشفافة شفافة؟

نعم. تُحفظ الشفافية في ملف ICO وفي ملفات PNG.

هل أحتاج فعلًا إلى كل الأحجام؟

يكفي favicon.ico لعلامات التبويب. أما ملفات PNG بأحجام 180 و192 و512 فتحسّن المظهر على الشاشة الرئيسية للهواتف وفي تطبيقات الويب.