
تستبدل الرموز المفضلة رمز الكرة الأرضية في شريط العناوين.
حقوق الصورة: r0mu / إستوك / جيتي إيماجيس
الأيقونة المفضلة هي طريقة إبداعية وعملية لإضافة ذوق بصري دقيق إلى وجود موقع الويب الخاص بك. الرموز المفضلة هي صور صغيرة تستخدمها متصفحات الويب في علامات تبويب الصفحات وأشرطة العناوين. يعرضون شعارًا أو صورة مرتبطة بالموقع تعمل كمعرّف مرئي للعلامة التجارية بجوار العنوان أو عنوان URL. تعتبر الرموز المفضلة معرّفات مواقع مفيدة بشكل خاص في التصفح المبوب لأن مساحة النص المتاحة المستخدمة لعناوين الصفحات تقل إلى ما يقرب من لا شيء حيث يفتح المستخدم المزيد من علامات التبويب.
الخطوة 1
صمم الأيقونة التي تريد استخدامها في برنامج تحرير الصور أو الرسومات. يمكنك أخذ شعار أو صورة موجودة مرتبطة بموقعك أو علامتك التجارية وتعديلها لتتوافق مع معايير الأيقونة المفضلة. تستخدم الرموز المفضلة دائمًا أبعادًا مربعة ولها أقصى حجم مدعوم يبلغ 256 × 256 بكسل. قم بقص الصورة وحجمها لتلائم مربعًا بحجم 256 × 256 بكسل إذا كنت ستستخدم أداة حزم رموز لدعم أحجام متعددة. إذا كنت ستعمل نسخة واحدة فقط ، فانتقل بحجم 16 × 16 بكسل.
فيديو اليوم
الخطوة 2
قم بتصدير أيقونة الرسم كملف صورة PNG من برنامج التصميم الجرافيكي. PNG هو تنسيق W3C القياسي للصور المفضلة. قد تعرض بعض المتصفحات ملفات JPG على هيئة رموز مفضلة ، لكن المعيار غير مدعوم رسميًا. بالإضافة إلى ذلك ، قد لا تعمل برامج حزم الرموز مع الصور بتنسيقات أخرى. تدعم الرموز المفضلة أيضًا ملفات GIF و ICO.
الخطوه 3
قم بتعبئة ملف PNG الذي تم تصديره في ملف ICO باستخدام برنامج محول ICO. يقوم برنامج محول الأيقونات بمعالجة أيقونة PNG المفضلة ، ويقوم بتهيئتها للعديد من أحجام الأيقونات المفضلة المدعومة على نطاق واسع ويقوم بتضمينها في ملف واحد. توفر ملفات ICO دقة أعلى من الرموز المفضلة 16 × 16 بكسل للأجهزة التي تدعمها.
الخطوة 4
قم بتسجيل الدخول إلى خدمة استضافة موقع الويب الخاص بك وقم بتحميل ملف PNG أو ICO إلى خادم وسائط موقع الويب الخاص بك. انسخ عنوان URL للملف الذي تم تحميله ؛ ستحتاجه لإرفاق الأيقونة المفضلة بالموقع.
الخطوة الخامسة
افتح برنامج تحرير موقعك وأضف الكود التالي ، بعد تعديله باستخدام عنوان URL لملف favicon كما هو موضح ، إلى قسم موقع الويب الخاص بك.
لملفات PNG:
لملفات ICO:
ما لم تكن تستخدم موقعًا يتحكم فيه نظام إدارة المحتوى أو تتضمن قسمًا مستندًا إلى ملف ، فسيتعين عليك إضافة الرمز إلى كل صفحة تريد تمييز الرمز. يظهر الرمز المفضل بعد حفظ وتحديث صفحات الموقع.
نصيحة
تعمل برامج تحرير الصور مثل Photoshop و Corel Draw بشكل جيد لتصميم وتنسيق الأيقونة. بدلاً من ذلك ، يمكنك استخدام برامج مجانية مثل Paint.net و Pixlr.
تحذير
تقوم بعض المتصفحات تلقائيًا بربط ملف صورة موجود في دليل / favicon كرمز مفضل ؛ ومع ذلك ، فإن منظمة W3C لا تشجع هذه الممارسة لأنها ليست معيارًا مدعومًا عالميًا وتتعارض مع مبادئ هندسة الويب. بالإضافة إلى ذلك ، لا تسمح العديد من خدمات استضافة الويب وأنظمة CMS للمستخدم بوضع محتوى الوسائط خارج دلائل ملفات الوسائط ، مما يجعل هذه الممارسة مستحيلة.