إضافة رمز Favicon أو المفضلة

قم بإعداد أيقونة مخصصة عندما يقوم القراء بذكر موقعك

هل لاحظت أيقونة صغيرة تظهر في الإشارات المرجعية وفي عرض علامة التبويب لبعض متصفحات الويب؟ يسمى ذلك رمز المفضلة أو favicon.

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

لإنشاء Favicon أولا إنشاء صورتك

باستخدام برنامج رسومات ، قم بإنشاء صورة 16 × 16 بكسل. تدعم بعض المتصفحات أحجامًا أخرى بما في ذلك 32 x 32 و 48 x 48 و 64 x 64 ، ولكن يجب عليك اختبار أحجام أكبر من 16 x 16 في المستعرضات التي تدعمها. تذكر أن 16 × 16 صغير جدًا ، لذلك جرّب العديد من الإصدارات المختلفة حتى تنشئ الصورة التي ستعمل على موقعك. إحدى الطرق التي يقوم بها العديد من الأشخاص للقيام بذلك هي إنشاء صورة أكبر من ذلك الحجم الصغير ، ثم تغيير حجمها. هذا يمكن أن يعمل ، ولكن في كثير من الأحيان لا تبدو الصور الكبيرة جيدة عند تقلص.

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

يمكنك حفظ الصورة كنوع ملف صورة تريده ، ولكن العديد من مولدات الأيقونات (الموضحة أدناه) يمكن أن تدعم ملفات GIF أو BMP فقط . كذلك ، تستخدم ملفات GIF ألوانًا مستوية ، وغالبًا ما تظهر هذه الصور بشكل أفضل في المساحة الصغيرة مقارنةً بصور JPG.

تحويل صورة Favicon الخاصة بك إلى أيقونة

بمجرد حصولك على صورة مقبولة ، ستحتاج إلى تحويلها إلى تنسيق الرمز (.ICO).

إذا كنت تحاول إنشاء رمز بسرعة ، يمكنك استخدام مولد Favicon عبر الإنترنت ، مثل FaviconGenerator.com. هذه المولدات لا تحتوي على العديد من الميزات مثل برنامج توليد الأيقونات ، ولكنها سريعة ويمكن أن تحصل على favicon في بضع ثوان فقط.

Favicons as PNG Images and Other Formats

المزيد والمزيد من المتصفحات تدعم أكثر من مجرد ملفات ICO كرموز. الآن ، يمكنك الحصول على فافيكون بتنسيقات مثل PNG و GIF و GIF المتحركة و JPG و APNG وحتى SVG (على Opera فقط). هناك مشكلات دعم في العديد من المتصفحات لمعظم هذه الأنواع ، ويدعم Internet Explorer فقط .ICO . لذلك إذا كنت بحاجة إلى ظهور الرمز الخاص بك في IE ، يجب عليك الالتزام بـ ICO.

نشر الرمز

من السهل نشر الرمز ، ما عليك سوى تحميله إلى الدليل الرئيسي لموقعك على الويب. على سبيل المثال ، يوجد رمز Thoughtco.com على /favicon.ico.

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