حوّل شعارك إلى أيقونات موقع
حمّل صورة مربعة أو شعارًا، ثم نزّل نسخ PNG بأحجام شائعة للمتصفح وApple وPWA، مع HTML وmanifest جاهزين للنسخ.
1. حمّل الشعار
أفضل نتيجة غالبًا مع شعار مربع وخلفية شفافة. ستُقص الصورة إلى مربع مركزي.
2. نزّل الأحجام
اختر صورة لعرض الأحجام.
3. كود الربط
بعد تنزيل الملفات، ضعها في مجلد موقعك واستخدم المسارات المطابقة.
طريقة إنشاء Favicon لموقعك
ملف Favicon هو الأيقونة الصغيرة التي قد تظهر في تبويب المتصفح والإشارات المرجعية وبعض واجهات تثبيت المواقع. تجهيز أحجام مناسبة يساعد المتصفحات والأجهزة على اختيار ملف ملائم، لكنه لا يضمن ظهور الأيقونة فورًا بسبب التخزين المؤقت أو إعدادات المنصة.
- اختر شعارًا واضحًا، ويفضّل أن يكون مربعًا وبخلفية شفافة عند الحاجة.
- اضبط لون الخلفية والهامش الداخلي، ثم راجع المعاينات بالأحجام المختلفة.
- نزّل ملفات PNG المطلوبة وملف manifest، وضعها في المسارات التي ستستخدمها في موقعك.
- انسخ وسوم HTML إلى قسم
headفي صفحات الموقع، وتأكد من أن روابط الملفات تشير إلى مواقعها الفعلية.
ما الأحجام التي تنتجها الأداة؟
تُنتج الأداة PNG بمقاسات 16 و32 و48 و180 و192 و512 بكسل، لتغطية استخدامات شائعة للمتصفح وApple Touch Icon وأيقونات PWA. التصدير الحالي بصيغة PNG فقط؛ لا تُنتج الأداة ملف ICO أو أرشيف ZIP.
الأسئلة الشائعة
هل يكفي تنزيل الملفات كي تظهر الأيقونة على موقعي؟
لا؛ يجب رفع الملفات إلى استضافة موقعك وتعديل المسارات في وسوم HTML لتطابق أماكن الملفات الفعلية.
هل أحتاج إلى شعار مربع؟
ليس إلزاميًا، إذ توضع الصورة داخل مساحة مربعة مع هامش داخلي، لكن الشعار البسيط والواضح غالبًا ما يكون أسهل تمييزًا عند الأحجام الصغيرة.
لماذا لا أرى التغيير مباشرة؟
قد يحتفظ المتصفح بالأيقونة القديمة في ذاكرته المؤقتة. تحقق من المسار وجرّب تحديثًا قويًا أو نافذة خاصة بعد التأكد من رفع الملفات.