في تصميم الويب ، كما تعلم على الأرجح ، كل التفاصيل مهمة. الشخص الذي تحول إلى موردك لا يرى كل عنصر على حدة ، لكنه يرى الصورة بأكملها كحزمة تتكون من تفاصيل صغيرة أخرى. وبالتالي ، إذا فاتك شيء ما في عملية تطوير الموارد الخاصة بك ، فإن هذه التفاصيل يمكن أن تفسد لاحقًا المجمع بأكمله ، التكوين بأكمله.
يمكن أن يكون هذا التافه ، على سبيل المثال ، خلفية زر ، أو خطًا تم اختياره بشكل غير صحيح لبعض العناصر الصغيرة ، وحتى رمز مفضل. في الواقع ، انظر بنفسك - المواقع الكبيرة والمعروفة لها رمز فردي يشير إليها في قسم "الإشارات المرجعية" في متصفح المستخدم. بدونها ، لم يكن مطورو المورد قادرين على إنشاء التكوين الذي كانوا يسعون إليه في الأصل.
لذلك ، عند إنشاء تصميم لموقعك ، يجب أن تهتم بتفاصيل مثل الرمز المفضل. في هذه المقالة سوف نتحدث عن كيفية مطابقتها مع النمط العام للمورد ، وكذلك الأحجام التي يجب أن تحتويها هذه الصورة.
رمز الموقع
أولاً ، دعنا نحدد ما هو هذا العنصر. الآن ، ألق نظرة على عنوان علامة تبويب المتصفح. كما ترى ، هناك صورة صغيرة على يساره ، تشير إلى نسخة مبسطة من شعار المورد. تظهر الصورة نفسها أيضًا بالقرب من اسم الموقع المعروض في نتائج البحث. هذا ما يسترشد به المستخدم عندما يرى العنوان.
يدرك العديد من مشرفي المواقع أن مثل هذه الصورة ضرورية - لكن قلة من الناس يعرفون حجم الرمز المفضل للموقع الذي سيكون الأنسب. لذلك ، في هذه المقالة لن نقدم فقط معلومات حول كيفية إنشاء مثل هذا الرمز وكيف يمكنك تثبيته على المورد الخاص بك ، ولكن أيضًا نتحدث عن أحجام الصور.
الغرض من الأيقونة المفضلة
إذن ، الصورة بالقرب من رأس الموقع تستخدم لتحديد الهوية. هذا هو الغرض الأصلي منه: التعبير عن الموقع الذي نشاهد اسمه ، وجعله بارزًا في أعين البقية. يتم ذلك ببساطة قدر الإمكان من خلال استخدام الرسومات: فنحن ندرك بشكل بديهي المعلومات في الصور بشكل أسرع وأسهل بكثير من تنسيق النص. تساعدنا الأيقونات على فعل ذلك. لكن لا تنس أن حجم الرمز المفضل هو ضئيل للغاية في نظر المستخدم. هذا ليس شعارًا في "رأس" الموقع ، والذي قد يحتوي على معلومات إضافية في شكل نقوش أو بعض التوضيحات أو معلومات الاتصال. يجب أن يتناسب كل شيء يمكن عرضه في الأيقونة المجاورة للاسم مع حجم الرمز المفضل قدر الإمكان. وهو ، كما أشرنا سابقًا ، مجرد منمنمات (فقط 16 × 16 بكسل).
كيف تختارالرمز المفضل؟
إذًا كيف يمكن لمسؤول الموقع تصميم رمز لموقعه؟ وتجدر الإشارة إلى أن ضغط شعار الموقع لن ينجح في أغلب الأحيان. على الشعارات الموضوعة في شكل شعار لمورد معين ، غالبًا ما تكون عناصر مختلفة مرئية ، والتي لن يتم عرضها دائمًا بشكل صحيح في شكل مصغر. من الأفضل التخلي عن هذا التعهد على الفور.
بالطبع ، لا يسمح حجم الأيقونة المفضلة بالحديث عن مجرد إدخال نقش هناك. سيكون أي نص غير مرئي في هذا القرار. نحتاج إلى تطوير رمز جديد ينقل نمط الموقع. لإيجاد الحلول ، مرة أخرى ، دعنا ننتقل إلى أكبر المواقع.
يستخدم العديد من الأشخاص الحرف الأول من اسم الخدمة كرمز مفضل. هذه هي الطريقة ، على سبيل المثال ، Bing و Yahoo و Yandex و Wikipedia و Google. هناك طريقة أخرى - إذا كان لديك اسم موقع قصير ، فيمكنك تعيينه كخلفية للرمز الخاص بك. من أجل حجم الرمز المفضل (بالبكسل يصل ، أكرر ، 16 × 16 بكسل) لعرض هذا النقش بشكل صحيح ، يجب ألا يزيد عن 3 أحرف. هذا ما تفعله خدمة Aol على سبيل المثال.
كيفية إنشاء رمز مفضل؟
هناك عدة طرق لعمل رمز لاسم الموقع. بالطبع ، الأسهل هو العمل مع حلول جاهزة مختلفة. يمكننا التحدث عن بعض الخدمات أو البرامج التي تتيح لك إنشاء رمز من صورة كاملة عن طريق تقليلها. ومع ذلك ، أوصي بتطوير مثل هذا الشعار بنفسك. هذا سيعطي أولاالفرصة لتعلم شيء ما ؛ وثانيًا ، ستوفر المزيد من الأدوات. كل ما تحتاج إلى معرفته لهذا هو ما ترسمه ، ومعرفة أيضًا الحجم الذي يجب أن يكون عليه الرمز المفضل في الإصدار النهائي. سنتحدث عن حجم أيقونة الموقع بعد قليل ، لكن في الوقت الحالي سوف نلاحظ بعض التفاصيل الدقيقة للعمل مع مثل هذه الصور. على وجه الخصوص ، دون ذكر حجم الأيقونة المفضلة للموقع ، يجب توضيح تنسيق هذه الصورة. كما لاحظ المصممون المتمرسون ، يجب حفظ الصورة بتنسيق png. (24 بت) أو كملف. ICO.
يمكنك حفظ الصورة ، على سبيل المثال ، باستخدام Photoshop ، حيث سيتم رسم الشعار.
أبعاد الرمز المفضل
لذا ، فلنتحدث الآن عن حجم الصورة التي نراها بجوار اسم الموقع في نتائج البحث. بشكل افتراضي ، كما ذكرنا سابقًا ، يبلغ حجمها 16 بكسل فقط (على كل جانب). ومع ذلك ، إذا حاولت تحرير هذه الصورة في Photoshop ، فسترى بنفسك كم هو غير مريح. لذلك ، نوصي بالعمل مع صورة مكبرة ، والتي في المستقبل يمكن ببساطة ضغطها على طول الحواف وحفظها بالتنسيق المطلوب.
منصة متعددة
ومع ذلك ، عند الحديث عن الحجم الكبير الذي يجب أن يكون عليه الرمز المفضل على موقعك ، هناك شيء آخر يجب مراعاته. لا تعرض جميع الأنظمة الأساسية صورة الموارد بنفس الطريقة. على سبيل المثال ، الأجهزة المزودة بشاشة Retina "ترى" رمزك المفضل بدقة 32 × 32 بكسل. وفي Safari وفي نظام Windows الجديد ، وعلى الإطلاق ، تصل هذه الرموز إلى حجم 64بكسل.
لذلك ، نوصي بحفظ إصدارات مختلفة من الرمز وتقديم تغييره ببساطة اعتمادًا على النظام الأساسي للمستخدم في المستقبل. نقطة أخرى مثيرة للاهتمام - يمكنك محاولة تحميل الرمز بأكبر تنسيق ، معتمداً على حقيقة أنه "سيتقلص" حسب المتصفح.
المحررين الخارجيين
بالطبع إنه أمر جيد إذا كنت جيدًا مع Photoshop وتعرف الحجم الذي يجب أن يكون عليه الرمز المفضل وكيفية تحقيقه مع حفظ صورتك. ومع ذلك ، هناك الكثير من المبتدئين الذين لم يصادفوا برامج تحرير الرسوم عن كثب من قبل ، لذلك لا يمكنهم رسم الصورة المطلوبة بهذه السهولة. لمساعدة مشرفي المواقع هؤلاء ، هناك العديد من الخدمات التي تتيح لك إنشاء الرمز الذي تهتم به تلقائيًا. بل إن الكثير منها مجاني ، ولا يتطلب أي استثمار من المستخدم.
في بعض الأحيان تحتاج فقط إلى التسجيل للعمل ، ولكن ، كما تفهم ، يتم ذلك مرة واحدة - بعد كل شيء ، لا تغير الشركات رمزها المفضل كثيرًا. قم بإلقاء نظرة على موقع Google ، الذي يغير الشعار كل يوم ، لكنه لا يلمس الرمز.
كيفية تثبيت الأيقونة المفضلة؟
بشكل عام ، يعد إعداد موقعك بطريقة تعرض الصورة التي تحتاجها بشكل صحيح أمرًا بسيطًا للغاية. يكفي تنفيذ سلسلة من الخطوات البسيطة التي ستسمح لمحركات البحث وكذلك المتصفحات البسيطة بقراءة المعلومات.
للقيام بذلك ، يجب حفظ الصورة الناتجة باستخداماسمه favicon.ico ووضعه في جذر المورد الخاص بك. هذا كل شيء ، الآن سيتم التعرف على صورتك تلقائيًا ، وبعد فترة سيتم ربطها بموقعك.
بالإضافة إلى هذا الربط ، يمكنك إضافة سطر آخر "يقترح" مكان وجود الرمز الخاص بك. يبدو كالتالي:
تثبيت الكود في رأس الموقع
الاستنتاجات
إذن ، بعد قراءة مقالتنا ، تعرفت على الحجم الذي يجب أن يكون عليه الرمز المفضل لموقع ما وما هو عليه. أيضًا ، أعتقد أنك فهمت أن العثور على الرمز المناسب لموردك هو أمر ضروري ، لأنه يخدم يديك من حيث زيادة الاعتراف ومن حيث بعض التميز الإضافي بين منافسيك. تفعل أكبر المواقع على الأقل الشيء نفسه ، والتي يمكن أن تؤخذ كمثال رئيسي. وإلى جانب ذلك ، فإنه لا يسبب الكثير من الجهد - بعد أن قمت بعمل رمز مفضل مرة واحدة وقم بتثبيته بشكل صحيح على موقعك ، يمكنك نسيانه للأشهر القليلة القادمة.
لذلك ، لا تتردد في التجربة ، ابتكر شيئًا جديدًا ، جرب - وكل شيء سينجح!
