كيفية إنشاء ملف Favicon.ico: 5 خطوات (بالصور)

جدول المحتويات:

كيفية إنشاء ملف Favicon.ico: 5 خطوات (بالصور)
كيفية إنشاء ملف Favicon.ico: 5 خطوات (بالصور)

فيديو: كيفية إنشاء ملف Favicon.ico: 5 خطوات (بالصور)

فيديو: كيفية إنشاء ملف Favicon.ico: 5 خطوات (بالصور)
فيديو: افضل اعدادات التورنت + اقصى سرعة تحميل ممكنة 100% | uTorrent 2024, يمكن
Anonim

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

خطوة

قم بإنشاء Favicon.ico الخطوة 1
قم بإنشاء Favicon.ico الخطوة 1

الخطوة الأولى: قم بإنشاء صورة بحجم 16 × 16 بكسل

استخدم صورًا بسيطة لتحديد الهوية بسهولة.

قم بإنشاء Favicon.ico الخطوة 2
قم بإنشاء Favicon.ico الخطوة 2

الخطوة 2. تحويل الصورة إلى ملف "favicon.ico"

يجب تسمية الملف بهذه الطريقة حتى يتعرف المتصفح عليه. أسهل طريقة للقيام بذلك هي استخدام خدمة Dynamic Drive FavIcon Generator. يمكنك أيضًا استخدام برنامج تحرير الصور المجاني GIMP وحفظ الصورة بدقة 16 × 16 بكسل بتنسيق ICO.

قم بإنشاء Favicon.ico الخطوة 3
قم بإنشاء Favicon.ico الخطوة 3

الخطوة 3. قم بتحميل الملف الذي تم إنشاؤه على موقع الويب

قم بإنشاء Favicon.ico الخطوة 4
قم بإنشاء Favicon.ico الخطوة 4

الخطوة 4. أضف الكود التالي إلى HTML للموقع

تحتاج إلى إضافته إلى جزء الرمز والتأكد من صحة عنوان دليل الرمز ، وفقًا لصفحة الويب. إليك الكود الذي ستحتاج إلى إدخاله (بافتراض وجود ملفات.html و.ico في نفس الدليل العلوي / الرئيسي):

قم بإنشاء Favicon.ico الخطوة 5
قم بإنشاء Favicon.ico الخطوة 5

الخطوة 5. أعد تحميل الصفحة ، وألق نظرة ، واستمتع بالأيقونة الجديدة الجميلة لموقعك على الويب

نصائح

  • على الرغم من صغر حجمها ، تأكد من أن الأشخاص يمكنهم قراءة الرموز المستخدمة أو فهمها بسهولة.
  • إذا كنت تستخدم نظام التشغيل Linux ، فيمكنك تحويل الملفات مباشرة من جهاز الكمبيوتر الخاص بك. حدد الصورة المناسبة ، وافتح برنامج سطر أوامر (سطر أوامر) ، وقم بزيارة الدليل حيث يتم تخزين ملف الصورة ، واكتب: convert image-p.webp" />

موصى به: