مولد Favicon مجاني: أنشئ أيقونة موقعك وملف favicon.ico بكل المقاسات

الـ Favicon هو الأيقونة الصغيرة التي تظهر بجوار اسم موقعك في تبويب المتصفح، وفي المفضلة، وبجوار رابط موقعك في نتائج بحث جوجل على الهاتف. أيقونة احترافية تجعل موقعك يبدو موثوقًا ومميزًا بين النتائج، بينما الأيقونة الافتراضية أو غيابها يعطي انطباعًا بموقع غير مكتمل. مع مولد Favicon من عرب ثيمز تنشئ أيقونتك من شعارك أو من حرف ولون، وتحمّل ملف favicon.ico وكل المقاسات في ثوانٍ.

أين يظهر الـ Favicon؟

• تبويب المتصفح: بمقاس 16 أو 32 بكسل بجوار عنوان الصفحة.
• نتائج بحث جوجل: بجوار اسم الموقع في النتائج، خاصة على الهاتف.
• المفضلة والسجل: في متصفحات الكمبيوتر والهاتف.
• الشاشة الرئيسية للهاتف: عندما يضيف الزائر موقعك إلى الشاشة الرئيسية، وهنا يُستخدم مقاس 180 أو 192 بكسل.

المقاسات التي يولدها المولد

طريقة استخدام مولد Favicon

1. اختر المصدر: «صورة أو شعار» إذا كان لديك شعار، أو «حرف أو رمز» لإنشاء أيقونة بسيطة من أول حرف في اسم موقعك.
2. إذا اخترت صورة، ارفع شعارًا مربعًا بمقاس 512×512 أو أكبر، ويفضل أن يكون رمزًا بسيطًا لا نصًا طويلًا.
3. اختر لون الخلفية وشكل الأيقونة: مربع أو زوايا مستديرة أو دائرة.
4. اضبط الهامش الداخلي حتى يظهر الرمز واضحًا دون أن يلمس الحواف.
5. راجع المعاينة بكل المقاسات، ومعاينة شكلها داخل تبويب المتصفح.
6. حمّل favicon.ico أو كل الأحجام في ملف ZIP.

كيف تضيف Favicon في بلوجر؟

1. من لوحة تحكم بلوجر اضغط الإعدادات.
2. في قسم «أساسي» اختر رمز الموقع المفضل (Favicon).
3. ارفع ملف favicon.ico أو icon-48.png، مع العلم أن بلوجر يقبل ملفًا حتى 100 كيلوبايت.
4. احفظ، ثم افتح موقعك في نافذة جديدة لترى الأيقونة. إذا لم تظهر فورًا، امسح ذاكرة التخزين المؤقت للمتصفح.

نصائح لتصميم Favicon احترافي

• البساطة أولًا: الأيقونة تُعرض بمقاس 16 بكسل، فالتفاصيل الدقيقة والنصوص الطويلة تختفي.
• حرف أو رمز واحد: أول حرف من اسم موقعك بخط عريض ولون مميز يكفي لأيقونة قوية.
• تباين عالٍ: لون الرمز يجب أن يتباين بوضوح مع الخلفية، وتذكر أن بعض المتصفحات بخلفية داكنة.
• نفس ألوان الموقع: استخدم لون موقعك الأساسي ليتعرف الزائر على علامتك بسرعة.
• شكل مربع متوازن: اترك هامشًا داخليًا بسيطًا حتى لا يبدو الرمز مقصوصًا.

أخطاء تجعل جوجل يتجاهل أيقونتك

• أيقونة غير مربعة: مثل شعار عريض بمقاس 400×100. جوجل يحتاج أيقونة مربعة، والمولد يضع شعارك داخل مربع تلقائيًا.
• مقاس صغير جدًا: أقل من 48×48 بكسل. ارفع شعارًا كبيرًا ودع المولد يصغره.
• تغيير الأيقونة باستمرار: كل تغيير يحتاج إلى إعادة زحف جديدة، فاختر أيقونتك النهائية مرة واحدة.
• أيقونة مخالفة: مثل الرموز المضللة أو المحتوى غير اللائق، وجوجل يستبدلها بأيقونة افتراضية.
• منع ملف الأيقونة في robots.txt: يجب أن يستطيع جوجل الوصول إلى ملف الأيقونة والصفحة الرئيسية.

صمم أيقونة من حرف في دقيقة

إذا لم يكن لديك شعار بعد، فلا تؤجل الأيقونة. اختر «حرف أو رمز» في المولد، واكتب الحرف الأول من اسم موقعك، مثل «ت» لموقع تقني أو «و» لموقع وظائف. اختر لونًا أساسيًا قويًا للخلفية، كالأزرق أو الأخضر أو البرتقالي، واترك لون الحرف أبيض لتباين واضح. اختر شكل «زوايا مستديرة» لمظهر حديث يشبه أيقونات التطبيقات، واضبط الهامش بين 6% و12%. بهذه الخطوات تحصل على أيقونة نظيفة تظهر واضحة حتى بمقاس 16 بكسل، ويمكنك تغييرها لاحقًا بشعارك الكامل عندما يجهز.

الفرق بين الشعار والأيقونة

الشعار (اللوجو) يظهر في رأس الموقع، ويمكن أن يحتوي على اسم الموقع كاملًا بشكل أفقي. أما الأيقونة فرمز مختصر يُعرض بمقاسات صغيرة جدًا، لذلك تُصمم عادة من الحرف الأول أو الرمز المميز في الشعار فقط. إذا كان شعارك نصًا طويلًا، فلا ترفعه كما هو كأيقونة، بل استخدم خيار «حرف أو رمز» في المولد بلون شعارك نفسه.

إضافة الأيقونة لمواقع غير بلوجر

إذا كان لديك موقع آخر غير بلوجر، ارفع الملفات التي حملتها إلى جذر الموقع، ثم أضف الكود الذي يظهر في الأداة داخل وسم <head>. هذا الكود يخبر المتصفحات بمكان كل أيقونة، بما في ذلك أيقونة أجهزة أبل وأيقونة أندرويد.

الأيقونة جزء من هوية موقعك

الأيقونة واللوجو وألوان القالب تصنع معًا هوية يتذكرها الزائر. وكل قوالب عرب ثيمز تأتي بإعدادات ألوان سهلة من مصمم القوالب في بلوجر، لتطابق ألوان موقعك مع شعارك وأيقونتك. تصفح قوالب بلوجر الاحترافية لتختار قالبًا يناسب هويتك.

أسئلة شائعة