الأخبار التكنولوجية والاستعراضات والنصائح!

كيفية إنشاء أيقونة مفضلة لموقع الويب الخاص بك

ستساعدك المقالة التالية: كيفية إنشاء أيقونة مفضلة لموقع الويب الخاص بك

كيفية إنشاء أيقونة مفضلة لموقع الويب الخاص بك

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

تسمى الأيقونات “favicons”، وهي اختصار لعبارة “الأيقونات المفضلة”. لرؤية مثال، انتقل إلى www.searchenginecollege.com وقم بوضع إشارة مرجعية على الموقع (أو أضفه إلى قائمة “المفضلة”). الآن أغلق نافذة المتصفح وافتح نافذة جديدة. انقر فوق المواقع التي تم وضع إشارة مرجعية عليها أو قائمة المفضلة لديك وابحث عن الموقع الذي قمت بوضع إشارة مرجعية عليه للتو. هل ترى رسم الملاط الصغير بجوار القائمة؟ هذا هو المفضل. إنه يجعل الموقع متميزًا عن جميع المواقع الأخرى في قائمة المفضلة لديك. إذا قمت بالنقر فوق هذا الموقع، فسيتم تحميل الرمز المفضل بجوار عنوان URL في شريط عنوان المتصفح الخاص بك من الآن فصاعدًا.

رائع. صحيح؟ هل ترغب في إنشاء أيقونة مفضلة لموقعك الخاص؟ وأسهل مما كنت اعتقد. إليك ما تفعله:

1) اختر صورة أو رمزًا ترغب في استخدامه لتمثيل موقع الويب الخاص بك. قد تكون هذه نسخة صغيرة من شعارك، أو رسمًا بيانيًا، أو ربما نسخة منمقة من الأحرف الأولى لشركتك. والمثال الشهير على ذلك هو “Y!” الرمز المفضل الذي تستخدمه Yahoo! المقصود من الأيقونة المفضلة أن تعكس شكل ومظهر موقع الويب أو شعار الشركة. تذكر أنه يجب أن يكون بسيطًا وواضحًا بدرجة كافية ليكون له تأثير بصري عند تحويله إلى 16 × 16 بكسل.

2) التقط نسخة عالية الجودة من الصورة التي اخترتها بتنسيق .JPG أو .GIF، وإذا لم تكن كذلك، فقم بتحويل صورتك إلى Web Safe Palette المكونة من 256 لونًا أو إلى Windows تنسيق 16 لون (كلما قل عدد الألوان كان ذلك أفضل).

3) باستخدام حزمة الرسومات المفضلة لديك أو برنامج معالجة الصور، قم بتقليل حجم الصورة إلى 16 بكسل عرضًا × 16 بكسل ارتفاعًا، مع الحرص على الحفاظ على دقة الصورة. هذا هو الجزء الصعب، لأنك قد تجد أن الصورة التي اخترتها تبدو رائعة بالحجم الأصلي وسخيفة تمامًا بحجم 16 × 16 بكسل! استمر في التجربة حتى تصبح سعيدًا بالأيقونة النهائية. إذا لم تتمكن من تنفيذ الأمر أو كان لديك ضيق في الوقت المناسب، فيمكنك استخدام محول أيقونات مجاني مثل محول أيقونة الصورة لتحويل الرسم الخاص بك إلى أيقونة أو استخدام محرر أيقونات مثل ImageAuthor لبناء الأيقونة الخاصة بك من الصفر.

4) لقد أوشكت على الانتهاء! الآن، خذ الرمز المكتمل واحفظه باسم “favicon.ico”. هذا هو اسم الرمز الافتراضي الذي تبحث عنه متصفحات الويب مثل Internet Explorer وNetscape. إذا كنت تريد أن تكون ذكيًا حقًا، فيمكنك أيضًا إنشاء رمز مخصص لكل صفحة على موقعك – ​​ويمكن العثور على تعليمات حول ذلك على www.favicon.com.

5) خذ ملف .ico الخاص بك وانسخه إلى الدليل الجذر لموقع الويب الخاص بك (الدليل الرئيسي الذي يحتوي على جميع صفحات HTML الخاصة بك). الآن في كل مرة يقوم فيها زائر بوضع إشارة مرجعية على موقعك، يتم نسخ الرمز الخاص بك إلى ملف ذاكرة التخزين المؤقت الخاص به ويتم عرضه عند عودة ذلك الزائر.

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

هذا كل شيء، لقد انتهيت! لديك الآن رمز ملفت للنظر يمثل موقع الويب الخاص بك في قائمة المفضلة لجميع زوار موقعك. تأثير احترافي مقابل القليل من الجهد.