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

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

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

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

فيديو: كيفية إنشاء Favicon.ico: 5 خطوات (بالصور)
فيديو: جميع الطرق لتصميم صور المعاملات باستخدام برنامج فوتوشوب 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 picture-p.webp" />

موصى به: