الأيقونة المفضلة-(اختصار للكلمات "الرمز المفضل") هي صورة صغيرة الحجم 16 × 16 بكسل ،التي يراها زائر موقعك. يظهر بجوار عنوان URL الخاص بالموقع في شريط عنوان المتصفح. بالإضافة إلى ذلك ، يتم عرض هذا الرمز بجوار اسم موقعك في قائمة علامات التبويب المفتوحة ، وفي الإشارات المرجعية ونتائج البحث ، مما يسهل على المستخدم العثور بسرعة على موقعك بين المواقع الأخرى.
افتراضي باسم الرموزيعرض الموقع رمز المتصفح. لجعل الموقع مختلفًا عن البقية ولا تضيع في علامات التبويب الرمادية التي لا تعد ولا تحصى التي يفتحها المستخدم ، تحتاج إلى إنشاء رمز مفضل أصلي خاص بك.
بينما تدعم العديد من متصفحات الويب الحديثة الرموز المفضلة بتنسيق GIF أو PNG أو تنسيقات الملفات الشائعة الأخرى ، فإن جميع الإصدارات متصفح الانترنتلا تزال تتطلب رموزًا كملفات ICO(تنسيق Microsoft). في هذا التنسيق ، سيفهم أي متصفح رمزك.
لماذا تحتاج إلى الأيقونة المفضلة
هناك حاجة إلى الأيقونة المفضلة حتى يبرز موقعك بطريقة ما في الحشد على صفحة النتائج. نتائج البحثوشوهد في كثير علامات التبويب المفتوحةفي المتصفح. الأيقونة الجيدة هي بمثابة شعار لموقعك ، يمكن التعرف عليه ويخلق موقفًا معينًا ويسبب مستوى خاصًا من الثقة.
بطبيعة الحال ، فإن الأيقونة المفضلة قادرة على جذب انتباه المستخدم وسيقوم بقراءة رابط العنوان لمقالك. سيؤدي العنوان ، جنبًا إلى جنب مع مقتطف جيد وأيقونة جميلة ، إلى زيادة معدل النقر ، وبالتالي ، حركة المرور للمورد.
أود أن أشير على الفور إلى أنه بالنسبة للمواقع التي تحمل التصنيف "GS" - فإن الرمز نفسه غير قادر على تحسين انطباع المورد. لكنها مثل اجتماع على الملابس. من المؤكد أن الأيقونة المفضلة ستخلق الانطباع الأول للموقع ، مما يفضي إلى الزيارة.
كيفية إنشاء الأيقونة المفضلة
بالطبع ، يمكنك محاولة العثور على ملف favicon.ico جاهز على www.iconfinder.com ، لكنني أعتقد أن الكثير من الناس يرغبون في صنع شيء خاص بهم. بعد كل شيء ، فإن الأيقونة المفضلة هي التي ستجعل موقعك يبرز في نتائج البحث. أنت الآن تعرف كيف تفعل هذا. لذلك دعونا نبدأ.
Logaster هي خدمة عبر الإنترنت لإنشاء الشعارات وعناصر هوية الشركة. في ذلك ، ستتلقى تلقائيًا ، ببضع نقرات ، رمزًا للموقع بتنسيق ICO و PNG.
لكن ضع في اعتبارك أنه لا يوجد منشئ شعار تلقائي يمكن أن يحل محل الإبداع البشري.
بالطبع ، لن تستخدم الشركات الكبيرة مثل هذه الأدوات. سيجدون مصممًا باهظ الثمن يقوم بإنشاء شعار احترافي لهم. ولكن بالنسبة للشركات الصغيرة ، وأصحاب المشاريع الخاصة ، يمكن أن تكون هذه الأداة هي السبيل الوحيد.
كيف هي عملية إنشاء رمز في Logaster
- لكي يتطابق الرمز المفضل مع شعارك ، سيُطلب منك إنشاء شعار أولاً (مجاني).
- اكتب اسمًا ، وشعارًا ، إذا أردت ، حدد نوع النشاط ، وسيقوم Logaster بإعداد العديد من خيارات الشعار بشكل مستقل لك.
- اختر شعارًا مناسبًا يمكنك تغييره لاحقًا.
هذا ما فعلته
يمكنك الآن النقر فوق الزر "تنزيل الشعار". في نسخة مجانيةسيكون لها علامة مائية Logaster.com
يمكن شراء الشعار. بعد ذلك ، يمكنك التنزيل بالتنسيق المحدد (PNG ، JPEG ، PDF ، SVG) والحجم (1024 بكسل ، 5000 بكسل).
الآن دعنا ننتقل إلى إنشاء الأيقونة المفضلة.
- مرة أخرى ، اختر الخيار الذي يعجبك.
- يمكنك تغيير الشكل ليكون مربعًا أو دائريًا أو دائريًا أو غير مناسب على الإطلاق لشكل معين.
- إذا رغبت في ذلك ، أضف حدودًا ملونة بالنقر فوق أداة Stroke.
- انقر فوق الزر "حفظ".
ها هو الرمز المفضل. في الأساس ، يبدو جيدًا.
كيفية إضافة الأيقونة المفضلة إلى موقعك
- شراء وتفعيل الأيقونة المفضلة.
- تنزيله.
- قم بفك ضغط الملف الذي تم تنزيله إلى المجلد الجذر لموقعك.
- الصق الشفرة التالية في جميع صفحات الموقع في العلامة :
حزمة تصميم مخفضة
بالإضافة إلى ذلك ، يمكنك شراء مجموعة كاملة من هوية الشركة. هنا أحد الخيارات.
مقالات لها صلة: كيفية توصيل Yandex.Speller بـ WordPress
البرنامج المساعد لإنشاء الرموز المفضلة
يوجد كمية كبيرةبرامج مختلفة لإنشاء الرموز المفضلة. إنها في الأساس بدائية ، مما يسمح لك بإنشاء أيقونات باستخدام 16 لونًا.
يمكنك إنشاء أيقونة مفضلة مباشرة في Photoshop. للقيام بذلك ، تحتاج إلى مكون إضافي يمكن تنزيله من www.telegraphics.com.au. لتثبيته ، انسخ الملف تنسيق ICOFإلى c: Program FilesAdobeAdobe Photoshop CS2Plug-InsFile Formats directory.
مع البرنامج المساعد تنسيق ICOF، ستتمكن من حفظ الصور كـ "ملفات .ico".
كيفية تثبيت البرنامج المساعد لتنسيق ICO (أيقونة Windows)
- نظام التشغيل Windows 64 بت (Vista / Windows 7):
- أعد التشغيل قبل التثبيت ؛
- ضع المكون الإضافي في مجلد C: Program FilesAdobePhotoshopPlug-InsFile Formats ، لكن لدي بنية مختلفة ، لدي هذا الملف المخزن هنا: C: Program FilesAdobeAdobe Photoshop CS6 (64 Bit) Plug-ins.
- إذا كنت تعمل على نظام Windows 64 بت وتقوم بتشغيل الإصدار 64 بت من Photoshop CS4 أو CS5 ، قم بتنزيل الإصدار 64 بت من البرنامج المساعدووضعه في مجلد Plug-Ins المقابل لـ 64 بت Photoshop (أي ، المجلد الموجود في "Program Files" وليس "Program Files (x86)").
- انقل المكون الإضافي إلى مجلد "File Formats" داخل مجلد Photoshop Plugins:
- لنظام التشغيل Windows (32 بت) ، تنسيق ICOF
- لنظام التشغيل Windows (64 بت) ، تنسيق ICOFormat64.8bi
- بالنسبة لنظام التشغيل MacOS X ، ICOFormat.plugin(لاحظ أنه يتم توفير إصدارات منفصلة لـ CS2 و CS3 / 4 و CS5)
- لنظام التشغيل Mac OS X / Classic ، تنسيق icoformat
- بالنسبة لـ 68K macOS ، تنسيق icoformat (68 كيلو بايت)
- إذا كنت تستخدم Corel PSP Photo X2 ، فضع المكون الإضافي في C: Program FilesCorelCorel Paint Shop Pro Photo X2LanguagesENPlugIns
- قم بإنهاء Photoshop وإعادة تشغيله ، إذا كان قيد التشغيل بالفعل.
هناك أيضًا خدمة عبر الإنترنت www.convertico.com. برنامج ConvertICO هو محول مجاني على الإنترنتملفات ICO / PNG. يعمل بسرعة وسهولة في الاستخدام. يتم استخدامه لتحويل أيقونات سطح المكتب وأيقونات التطبيقات وأيقونات مواقع الويب المفضلة.
كيف تصنع favicon.ico بنفسك
- افتح برنامج فوتوشوب.
- قم بإنشاء مستند 32 × 32 بكسل.
- قم بلصق كائن ذكي من الصورة النهائية من Illustrator.
- استخدم الأمر "حفظ باسم" لحفظ الرمز المفضل بتنسيق .ICO *.
- قم بتحميل الأيقونة المفضلة الناتجة إلى جذر الموقع وربطها من خلال سمة WordPress ، أو قم بتسجيلها يدويًا في قالب الموقع. لقد كتبت بالفعل عن كيفية توصيل الأيقونة المفضلة.
* إذا لم يكن لديك مكون إضافي خاص مثبت تنسيق ICO (أيقونة Windows)، يمكنك تنزيله من www.telegraphics.com.au/sw/. يوجد لأجهزة Mac و Windows 32 و 64 بت مع دعم للجميع إصدارات Photoshop، بما في ذلك CS6.
عرض الأيقونة المفضلة
لموقعك عرض الأيقونة المفضلةيمكن ببساطة وضعها في جذر الموقع. سيحدد المتصفح ومحركات البحث نفسها أن لديك ملف favicon.ico وسيعرضه تلقائيًا. هذه الطريقةهو أبسط وهو فعال في 95٪ من الحالات. ولكن ، يمكنك تضمين الأيقونة المفضلة بشكل صريح.
في هذا البرنامج التعليمي ، ستتعلم كيفية إنشاء رمز مفضل ، وستتعلم الغرض من هذا الرمز ، وستحصل على توصيات حول كيفية تحسين مظهره وجاذبيته.
بالإضافة إلى ذلك ، سوف ننظر في عملية إنشاء وإضافة الرمز المفضل للموقع.
الأيقونة المفضلة- هذا رمز صغير يمكنك رؤيته في شريط عنوان المتصفح وفي علامات التبويب صفحات مفتوحة، وكذلك عند إضافة موقع إلى الإشارات المرجعية للمتصفح ، تتم إضافة هذا الرمز أيضًا هناك.
بالإضافة إلى ذلك ، يعرض محرك بحث Yandex رمز Favicon في نتائج البحث بجوار موقعك. تتمثل مهمتك في إبراز هذا الرمز ، وتذكره ، وجذب الأنظار على خلفية الرموز الأخرى في نتائج البحث ، وكذلك الحصول على بعض الارتباط بموقعك. يمكن لأيقونة Favicon المصممة بشكل جميل والتي تجذب الانتباه أن تزيد بشكل كبير من عدد الزيارات إلى موقعك مقارنة بتلك التي لا تمتلكها أو تبدو غير جذابة.
فيما يلي بعض الإرشادات التي يجب وضعها في الاعتبار عند إنشاء رمز مفضل.
# 1. يجب أن يكون من السهل التعرف على الرمز وأن يكون له ارتباطات بموقعك أو بالمكان الذي ينتمي إليه موقعك. كأيقونة ، يمكنك استخدام شعار أو رمز مرتبط بموقعك. بالإضافة إلى ذلك ، يمكنك استخدام نظام الألوان الذي تم من خلاله إنشاء موقعك أو شعارك.
# 2. لا تستخدم الرموز القياسية. كثير ، بعد إنشاء موقع على نظام إدارة محتوى معين ، اترك الرمز دون تغيير أي شيء. نتيجة لذلك ، في الإصدار محرك البحثقد يكون هناك أكثر من موقع بهذه الأيقونة ، لكن العديد منها. من خلال القيام بذلك ، لن تجعل موقعك مميزًا ، لذا استخدم فقط رموز Favicon الفريدة التي تم إنشاؤها خصيصًا لموقعك. يتضمن هذا أيضًا الموقف عند استخدام رموز من مجموعات مختلفة أو عناصر واجهة لمواقع أخرى. تذكر أنك بحاجة إلى رمز مفضل فريد لتبرز.
# 3. حاول استخدام ألوان أكثر إشراقًا وأخف وزناً عند إنشاء رمز ، كقاعدة عامة ، فإنها تجذب المزيد من الاهتمام.
# اربع. لا تستخدم الرموز المتحركة. أولاً ، الرسوم المتحركة غير مدعومة من قبل جميع المتصفحات ، وثانيًا ، يجب أن يتركز انتباه الزائر على المحتوى وليس على الرمز.
الآن دعونا نلقي نظرة مباشرة على عملية إنشاء الأيقونة المفضلة. هناك العديد من الخدمات لهذا الغرض. ومع ذلك ، فهي أكثر ملاءمة لأولئك الذين لديهم بالفعل أيقونة جاهزة قاموا بنزعها في مكان ما أو أخذوها من بعض المجموعات. ولكن كما قلت أعلاه ، يجب أن يكون الرمز فريدًا ، لذا سألقي نظرة هنا على عملية إنشائه باستخدام برامج الفوتوشوب، في مثال موقع الموقع.
قم بإنشاء Favicon Preset في Photoshop
# 1. خلق مستند جديدفي Photoshop 64 * 64px ، للقيام بذلك ، انتقل إلى القائمة "ملف" >> "جديد ..." أو اضغط على اختصار لوحة المفاتيح Ctrl + N. بشكل عام ، يجب أن يكون الرمز نفسه 16 * 16 بكسل ، لكن من الأفضل إنشاؤه بالحجم نفسه أولاً ، ثم تقليله إلى الحجم المطلوب.
# 2. في حالتي ، ليس لدي أي شعار للموقع ، لذلك قررت استخدام حرف "W" الذي يبدأ عنوان الموقع ، وكذلك الألوان السائدة في أعلى الموقع هي الأزرق والأصفر. لذلك قمت بتعيين قيمة اللون على # 6A91D0 وباستخدام أداة التعبئة (G) اضبط اللون الأزرق على المستند الذي تم إنشاؤه مسبقًا.
# 3. بعد ذلك قمت بتحديد أداة الكتابة (T) ، أضفت حرف "W" وأعطيتها قيمة اللون التالية # FAC31D.
من أجل أن يبرز الرمز أكثر على الخلفية الزرقاء ، أضفت حدودًا سوداء إليه وحجم 2 بكسل. للقيام بذلك ، انتقل إلى عنصر القائمة "Layer" >> "Layer Style" >> "Stroke"، اختر لونًا وحجمًا للسكتة الدماغية.
بعد ذلك ، تحتاج إلى دمج الطبقات ، لذلك عليك الانتقال إلى عنصر القائمة "طبقة" >> "دمج مرئي"أو اضغط على اختصار لوحة المفاتيح Shift + Ctrl + E.
من أجل أن تكون الخطوط سلسة بدون الرقيق ، أضفت تمويهًا. للقيام بذلك ، انتقل إلى عنصر القائمة "تصفية" >> "طمس" >> "ضباب غاوسي ..."واضبط نصف القطر على 0.3 بكسل.
ضع رمزك أو صورتك بحيث تشغل أكبر مساحة ممكنة ، لأنه إذا كان صغيرًا ، فلن يكون ملحوظًا بحجم رمز 16 * 16.
# اربع. الآن نحن بحاجة إلى تغيير حجم الرمز. للقيام بذلك ، انتقل إلى القائمة "صورة" >> "حجم الصورة"واضبط الحجم على 16 * 16 بكسل.
#خمسة. يبقى حفظ الرمز. يجب أن تحتوي أيقونة Favicon على اسم favicon والامتداد .ico. الشيء هو أنه افتراضيًا ، لا يحفظ Photoshop الصور بتنسيق .ico. لذلك ، احفظه بتنسيق .png ، وللقيام بذلك ، انتقل إلى عنصر القائمة "ملف" >> "حفظ باسم ..." وحدد PNG من القائمة المنسدلة.
تحويل الصورة إلى تنسيق ICO
بعد ذلك ، نقوم بتحويله إلى تنسيق .ico باستخدام الخدمة. اذهب إلى هذه الخدمةوباستخدام الزر "تصفح" ، حدد الملف المحفوظ مسبقًا بتنسيق PNG ، ثم انقر فوق الزر "إنشاء favicon.ico".
بعد ذلك ، سيظهر الرابط "Download favicon.ico!" في الصفحة المحملة. من خلال النقر فوق أي يمكنك حفظ رمز Favicon النهائي على جهاز الكمبيوتر الخاص بك.
حان الوقت الآن لإضافة رمز مفضل إلى موقعك بحيث يظهر في جميع صفحاته. للقيام بذلك ، ضع الرمز في المجلد الجذر لموقعك. إذا كان موقعك مستضافًا بالفعل ، فعادةً ما يُطلق على هذا المجلد اسم "public_html". ثم ، في كل صفحة من صفحات موقعك ، قبل علامة الإغلاقأضف الأسطر التالية:
لكن يجب إضافة هذه الأسطر إلى كل صفحة إذا كان لديك موقع HTML. ولكن نظرًا لأن موقعك على الأرجح قد تم إنشاؤه على أساس نوع من أنواع أنظمة إدارة المحتوى ، فسيكون ذلك كافيًا بالنسبة لك لإضافة هذه السطور إلى الملف الرئيسي لموضوعك الذي تستخدمه للموقع.
إذا كنت تستخدم WordPress ، فانتقل إلى wp-content / theme / your-theme-folder / find وافتح ملف header.php ، ثم الصق الأسطر الضرورية واحفظ الملف.
إذا كنت تستخدم جملة ، فانتقل إلى القوالب / your-theme-folder / وافتح ملف index.php ، وأدخل الأسطر الضرورية واحفظها.
قد يكون لبعض السمات في WordPress و Joomla مساراتها الخاصة بالفعل إلى ملف favicon.ico ، في هذه الحالة ، احذفها واستبدلها بملفك الخاص.
إذا كنت تستخدم أي نظام إدارة محتوى آخر ، فافعل كل شيء عن طريق القياس.
في علامات تبويب الصفحة وفي شريط عنوان المتصفح ، سيتم عرض الرمز الخاص بك على الفور ، أما بالنسبة لنتائج بحث Yandex ، يستغرق روبوت بحث Yandex الخاص وقتًا للعثور على الرمز الخاص بك ، وبعد ذلك سيتم عرضه في البحث النتائج.
تم تحضير المواد من قبل المشروع:
مرحبا عزيزي قراء موقع المدونة. ستركز المحادثة في مقال اليوم على ما يسمى أيقونات Favicon.ico. سنكتشف ماهية الأيقونة المفضلة ، ولماذا من الضروري تثبيتها على موقعك ، وكيفية إنشاء رمز بالحجم المناسب بنفسك.
من حيث المبدأ ، لإنشاء الأيقونة المفضلة ، ليس من الضروري على الإطلاق استخدام أي مولدات خاصة عبر الإنترنت ، على الرغم من أن هذا الأمر مريح للغاية وبسيط. يمكنك محاولة جعله في Photoshop ، ولكن بشكل افتراضي ، للأسف ، لا يعرف كيفية حفظ الصور بتنسيق ICO. لذلك ، لتعليم Photoshop كيفية العمل مع ICO ، ستحتاج إلى تثبيت مكون إضافي خاص.
ولكن إذا لم تكن على علاقة ودية مع Photoshop (وكذلك معه) ، فسيكون من الأنسب لك استخدام إحدى الخدمات العديدة عبر الإنترنت أدناه. في الوقت نفسه ، يمكنك في بعضها رسم رمز جديد تمامًا من البداية ، بينما في البعض الآخر يمكنك إعادة إنشاء صورة لديك بالفعل (والتي تناسبك) إلى تنسيق الأيقونة المفضلة.
حسنًا ، الخيار الأسهل هو تنزيل مجموعة من الرموز المفضلة من معرض أو كتالوج عبر الإنترنت. اقرأ أدناه لمعرفة أين يمكنك الحصول عليها.
كيفية إنشاء فافيكون على الإنترنت ومكان تنزيل مجموعتهم
اسمحوا لي أولا أن أقدم أمثلة على الخدمات (ما يسمى ب مولد فافيكون) ، حيث يمكنك تصميم شعار صغير لائق تمامًا لموقعك دون أي مهارات خاصة ، أو على الأقل تحويل صورة مناسبة تلقائيًا إلى التنسيق اللازم لتحميل رمز مفضل إلى الموقع.
- favicon.cc- مولد فافيكون سهل الاستخدام على الإنترنت. باستخدامه ، يمكنك ، على سبيل المثال ، إنشاء أيقونتك الخاصة من البداية (حصريًا بالكامل) عن طريق رسمها بكسلًا بكسل. للقيام بذلك ، سوف تحتاج إلى النقر فوق الزر "Create New Favcon" الموجود على الجانب الأيسر من نافذة الخدمة.
يوجد في وسط صفحة المولد منطقة حيث يكون كل مربع فيها بكسل من الأيقونة المفضلة لديك في المستقبل. مهمتك هي تلوين هذه المربعات بألوان مختلفة. لطلاء مربع واحد بلون ما ، تحتاج إلى تحديد المربع الموجود على الجانب الأيمن من نافذة الخدمة في حقل "Color Picker" ، وحدد اللون المطلوب على اللوحة الموجودة هناك وانقر فوق المربع المطلوب. لإزالة التظليل غير الصحيح ، حدد المربع "شفاف" وانقر على المربع ، ونتيجة لذلك سيصبح عديم اللون (شفاف).
لتحريك بكسل عبر لوحة المولد ، ستحتاج إلى تحديد مربع "النقل". يمكنك رؤية نتيجة عملك بمقياس حقيقي في منطقة "معاينة" أسفل اللوحة. إذا كان الرمز المفضل الذي أنشأته يناسبك ، فانقر فوق الزر "تنزيل" لحفظه على جهاز الكمبيوتر الخاص بك. نتيجة لذلك ، ستتلقى ملف رسومي ، يمكنك بعد ذلك تنزيله وتحميله إلى خادم الاستضافة.
الآن أنت تعرف كيفية إنشاء شعار صغير لموقع الويب الخاص بك من البداية. ولكن إذا لم يكن لديك مواهب رسومية ، فيمكنك الذهاب إلى الخدمة مولد على الإنترنت تحميل أي صورة للرمز المفضل في المستقبل، والتي ستكون بمثابة فراغ. يمكن أن تكون الصورة بأي حجم وشكل على الإطلاق. لتحميل ملف رمز إلى خدمة عبر الإنترنت ، ستحتاج إلى النقر فوق الزر "استيراد صورة" على الجانب الأيسر من نافذة الخدمة.
في النافذة التي تفتح ، من خلال النقر على الزر "تصفح" ، ابحث عن صورة مناسبة على جهاز الكمبيوتر الخاص بك. ثم اختر ما تريد فعله مع نسبة العرض إلى الارتفاع لصورتك عند تحويلها إلى 16 × 16 (مربع). هذا مناسب إذا كانت الصورة التي تقوم بتحميلها ليست مربعة. في هذه الحالة ، هناك خياران: ترك نسبة العرض إلى الارتفاع دون تغيير (الاحتفاظ بالأبعاد) ، أو تحويل الصورة إلى عرض مربع (تقليص إلى رمز مربع). في الحالة الثانية ، سيتم تشويه صورة الأيقونة المفضلة المستقبلية على طول أحد المحاور.
للتحميل إلى المولد عبر الإنترنت وتحويل صورتك ، ستحتاج إلى النقر فوق الزر "تحميل". سيكون Favicon.ico الذي تم إنشاؤه منه قابلاً للتحرير بنفس الطريقة التي رسمتها. عند الانتهاء من استحضار تحفة فنية ، انقر فوق الزر "تنزيل" لتنزيلها على جهاز الكمبيوتر الخاص بك.
تتمتع هذه الخدمة عبر الإنترنت أيضًا بالقدرة على استخدام مجموعات الرموز المفضلة التي تم إنشاؤها بواسطة مستخدمين آخرين ونشرها في الوصول العام. لعرض المعروضات المتوفرة في المعرض ، ستحتاج إلى النقر على الجانب الأيسر من النافذة إما على الزر "أحدث الرموز المفضلة" لعرض المجموعات مرتبة حسب تاريخ الإنشاء ، أو على الزر "الرموز المفضلة الأعلى تقييمًا" من أجل عرض المعارض مرتبة حسب التصنيف.
- favicon.ru- بمجرد أن كانت هذه الخدمة أبسط بكثير من المولد عبر الإنترنت الموصوف أعلاه ، لكنها أصبحت مؤخرًا تقريبًا نظيرتها ، ولكن باللغة الروسية فقط. لا يسمح لك Favicon.ru فقط بتحويل أي صورة لديك (على جهاز كمبيوتر أو على الإنترنت) إلى تنسيق ICO بحجم 16 × 16 بكسل ، ولكنه يتيح أيضًا إمكانية رسمها من نقطة الصفر بكسل بكسل.
هذا الإصدار من مولد الأيقونات المفضلة على الإنترنت جدير بالملاحظة ، ربما ، فقط لأنه محلي. لهذا السبب تم تضمينه في هذه المقالة. لذلك ، للعمل معها ، تحتاج إلى النقر فوق الزر "تحديد ملف" في الصفحة الرئيسية في الجزء العلوي وتحديد المسار إلى الصورة المطلوبة على جهاز الكمبيوتر الخاص بك. يمكن تصحيح الصورة التي تم تنزيلها وتحويلها إلى تنسيق Favicon.ico ثم حفظها على جهاز الكمبيوتر الخاص بك. كل شيء بسيط ومريح.
- Logasterهو منشئ الشعارات عبر الإنترنت ، ولكن بالإضافة إلى الشعارات ، فإنه ينشئ أيضًا رمزًا مفضلاً. بخلاف جميع الخدمات الأخرى ، لا تحتاج إلى رسم تصميم فافيكون أو تحويله من شعار.
لإنشاء رمز مفضل ، تحتاج أولاً إلى إدخال اسم الموقع أو الشركة وتحديد نوع النشاط. ستقدم الخدمة عدة عشرات من قوالب الرموز المفضلة الجاهزة للاستخدام. يمكنك قراءة المزيد حول كيفية إنشاء الأيقونة المفضلة. بعد إنشاء Favicon.ico ، يمكنك تنزيل الملف على جهاز الكمبيوتر الخاص بك بتنسيق ICO أو PNG.
بعد ذلك ، ما عليك سوى النقر فوق الزر "إنشاء". في الصفحة التي تفتح ، سترى ارتباطًا لتنزيل الرمز المفضل الناتج.
مجموعة مختارة من المولدات والمجموعات وصالات العرض الخاصة بالأحياء المفضلة على الإنترنت
إذا لم تعجبك لسبب ما منشئ الأيقونة الموصوف أعلاه ، فيمكنني أن أعرض عليك تجربة حظك في أحد الخيارات التالية خدمات مجانية عبر الإنترنت:
- FaviconGenerator - يسمح لك بتحويل أي صورة تم تنزيلها من جهاز الكمبيوتر الخاص بك إلى تنسيق favicon المطلوب (يمكنك تحميل الصور).
- AntiFavicon هو مولّد فافيكون مثير للاهتمام. يمكنك ذلك إنشاء رمز مفضل بنقش. ستحتاج إلى إدخال نص النقش في حقلي "النص العلوي" و "النص السفلي" ، وضبط نظام الألوان في منطقة "الألوان".
- FavIcon from Pics هي خدمة أخرى بسيطة عبر الإنترنت - يمكنك تحديد المسار إلى الصورة على جهاز الكمبيوتر الخاص بك ، وتحويل وتنزيل الملف الناتج بتنسيق ICO و GIF.
- Iconj - من الجدير بالذكر أنه يمكنك إما تنزيل الرمز الذي تم إنشاؤه أو تركه على الخدمة والحصول على رابط لهذا الملف
- DeGraeve هو مولد فافيكون قوي إلى حد ما ، مشابه في وظائفه لـ Favicon.cc التي تمت مناقشتها سابقًا. هنا ، أيضًا ، يمكنك القيام بكل شيء إما من البداية ، أو تحميل صورة ، والتي يمكن لاحقًا تصحيحها وتنزيلها بالفعل بتنسيق ICO بحجم مناسب.
- المولد - يسمح لك بإنشاء رمز مفضل من صورة تم تحميلها ، وإنشائه من نقطة الصفر في محرر خاص.
- محرر الأيقونات favicon.ico عبر الإنترنت - حسنًا ، كل شيء معه - كل من إنشاء الرموز المفضلة من البداية وتحسين الصورة الحالية.
- يعد فافيكون الإنترنت أداة وظيفية للغاية لإنشاء وتحرير الشعارات المصغرة
- مولد فافيكون مجاني - في حال لم يناسبك أي من القائمة أعلاه.
- مولد فافيكون - بسيط ولذيذ ...
إذا لم تهتم بخصوصية شعارك المصغر للموقع ، وتتعثر مع المحررين والمولدات ، يمكنك العثور على الرمز المناسب لنفسك على المواقع التي يكونون فيها عشرة سنتات. بعد كل شيء ، في الواقع ، أي رمز 16 × 16 بكسل يمكنك تنزيله من الشبكة أو العثور عليه في أعماق جهاز الكمبيوتر الخاص بك سوف يناسبنا تمامًا.
لكن عليك أن تتذكر أن الأيقونة المفضلة يجب أن تجذب انتباه المستخدمين أولاً. من الناحية المثالية ، سيتعرف المستخدم على موقعك بمجرد النظر إلى Favicon ، لذلك من الأفضل أن يكون فريدًا ، ولكن يمكنك أيضًا البحث عن شيء لم يتم اختراقه في صناديق الإنترنت.
إذا لم تكن لديك رغبة أو فرصة (لست فنانًا ولم تكن كذلك) ، فإن أسهل طريقة هي محاولة البحث في صالات العرض مع مجموعات من الأيقونات المجانية:
- Iconj هي مجموعة كبيرة إلى حد ما من الرموز التي صممها أشخاص آخرون وإتاحتها للجمهور.
- Favicon.cc - 55 ألف خيار مختلف لجميع المناسبات. هناك أيضًا رموز متحركة مفضلة ، والتي ستكون مرئية فقط في متصفح FireFox.
- معرض فافيكون - عدد قليل من الرموز التي تناسب الحجم
إذا كنت تعرف أي موارد أخرى مماثلة ، فسأضيف روابطك إلى هذه القائمة.
كيفية تثبيت Favicon على الموقع وتعيين المسار إليه
متصفحك وزاحف Yandex سيفعلان ابحث عن الرمز المفضل أولاً وقبل كل شيء في المجلد الجذر لموقعك. لذلك ، يمكنك ببساطة الاتصال بالموقع عبر FTP والتحميل إلى الدليل الجذر الخاص به (عادةً مجلدات public_htm أو htdocs) ملف Favicon.ico الخاص بك (من الأفضل كتابة اسمه بحرف صغير). افتح الآن المورد الخاص بك في بعض المستعرضات ومعرفة ما إذا كان الرمز الموجود في علامة التبويب قد تغير. تغير؟ لا؟ حسنًا ، هذا جيد.
إذا لم تنجح في وضع الأيقونة المفضلة بهذه الطريقة ، فقد تضطر إلى ذلك ، لأن. غالبًا ما يحدث أنه يتم تحميله من ذاكرة التخزين المؤقت نسخة قديمة. يمكنك المحاولة ، بالنسبة لي فهو يستجيب بشكل أفضل للتغييرات الجارية دون مسح ذاكرة التخزين المؤقت. إذا لم تكن ذاكرة التخزين المؤقت للمتصفح ، فهذا يعني ذلك موقع الويب الخاص بك له موقع مختلف للرمز المفضل، والذي يختلف عن المجلد الجذر. كيف تتحقق منه؟
افتح الكود المصدري لأي صفحة على موقعك. لرؤية شفرة المصدر الخاصة به ، فقط اضغط على الصفحة انقر على اليمينالماوس وحدد العنصر المناسب قائمة السياق(علي سبيل المثال، " مصدر"في Opera القديم ، أو" شفرة مصدر الصفحة "في Mazila Firefox ، أو" عرض كود الصفحة "في جوجل كروم، أو "عرض كود HTML" في IE) أو اضغط على اختصار لوحة المفاتيح Ctrl + U. انظر الآن إلى الجزء العلوي من رمز الصفحة بحثًا عن سطر يحدد المسار إلى favicon.ico.
قد يبدو مثل هذا:
الآن ، بمعرفة هذا المسار ، يمكنك الاتصال مرة أخرى عبر FTP وتحميل الرمز المفضل الخاص بك إلى المسار المحدد ، واستبداله بالمسار الموجود بالفعل على الموقع. إذا لم تكن هناك تغييرات في شريط عنوان المتصفح مرة أخرى ، فحاول مسح ذاكرة التخزين المؤقت للمتصفح مرة أخرى.
في جملةعادةً ما يعيش الرمز المفضل في المجلد الذي يحتوي على القالب الذي تستخدمه (تم كتابة المسار إليه في Joomla 1.5 في ملف index.php من دليل نفس القالب ، ولكن في Joomla 3 أصبح كل شيء أكثر تعقيدًا قليلاً). أولئك. لتغيير الأيقونة المفضلة في جملة ، يكفي اتباع هذا المسار وتحميل ملف favicon.ico الخاص بك هناك ، والإجابة على السؤال حول الاستبدال بالإيجاب:
/templates/folder_with_design_template_used/favicon.ico
ملف favicon بتنسيق ووردبريسبشكل افتراضي ، يمكن أيضًا أن يكون في المجلد الذي يحتوي على السمة التي تستخدمها (تم تعيين المسار إليه هناك أيضًا):
/wp-content/themes/Folder_with_the_design_you_use/favicon.ico
في الأساس ، إذا كنت تريد قم بتعيين أو تغيير المسار إلى الرمز المفضل لديك، والتي ستفهمها كل من المستعرضات وروبوت البحث Yandex ، فستحتاج إلى الكتابة في ملف القالب المقابل لـ Joomla أو WordPress أو أي محرك آخر ، بين علامتي الفتح والإغلاق رئيس، سطور التعليمات البرمجية التالية:
يعتمد ملف النموذج الذي تحتاج إلى كتابة هذه السطور فيه على محرك موقعك. على سبيل المثال ، في في WordPressتحتاج إلى فتح ملف header.php للتحرير: wp-content / theme / Folder_with_your_theme_of_design. افتح header.php في المحرر وفي البداية ابحث عن الفتحة علامة htmlرئيس. في أي مكان بعد ذلك ، ولكن قبل إغلاق HEAD ، تكتب أحد أسطر التعليمات البرمجية أعلاه بالمسار إلى ملف صورة الشعار المصغر.
كيفية تثبيت أيقونة متحركة؟ في الأساس ، بالضبط نفس الشيء المعتاد. سيختلف الرمز الذي تم إدخاله في قالب موقعك فقط ، وبمساعدة تشير إلى المتصفحات وروبوت بحث Yandex إلى المسار إلى ملف الرسم المطلوب. الحقيقة هي أن Favicon المتحرك سيكون له امتداد GIF ، وبالتالي ، في سطور الكود ، ستحتاج إلى كتابة شيء مثل هذا:
هذا هو الفرق الكامل بين الأيقونات المتحركة والأيقونات العادية. لكن تجدر الإشارة إلى أن الأيقونة المتحركة ستعمل فقط في FireFox ، وستكون ثابتة في المتصفحات الأخرى. Yandex ، عند تحميل أيقونة الرسوم المتحركة الخاصة بك ، يحولها إلى تنسيق PNG ثابت. ولكن ، في رأيي ، اللعبة لا تستحق كل هذا العناء - فليس من المنطقي تثبيت صورة متحركة بدلاً من الشعار المصغر المعتاد للموقع. ولكن هذا مجرد IMHO الخاص بي.
كل التوفيق لك! نراكم قريبا على موقع صفحات المدونة
قد تكون مهتمًا
متصل عميل FTP Net2ftp وتنبيهات Google - خدمات مفيدة لمشرفي المواقع 
تحليل الموقع في الخدمات المجانية عبر الإنترنت Pr-cy و Cy-pr و Be1 و Xseo وغيرها 
أيقونات وشارات وخلفيات وصور وشعارات للموقع (خدمات الإنترنت IconFinder و Freepik و PSDGraphics وغيرها) 
سهولة الاستخدام - كيفية جعل موقعك سهل الاستخدام للزوار ومحاولة جعلهم يقرؤون مقالاتك لأطول فترة ممكنة 
أدوات MegaIndex - مجموعة من الأدوات لمشرفي المواقع والمحسّنين 
كيفية التحقق من التخطيط عبر المستعرضات للموقع في Browsershots وإعداد إرسال اختبار اتصال عند ظهور مواد جديدة 
Http - ما هو ، كيفية عرض الرؤوس والتحقق من رمز استجابة الخادم ، ماذا تعني الرموز 200 و 301 و 302 و 404 و 500 
Crossposting - ما هو وكيفية القيام بذلك بشكل صحيح 
كيف تروّج لموقع بنفسك وبالمجان
مرحبًا!
في هذا المقال ، سأخبرك بكيفية تثبيت الأيقونة المفضلة على أحد مواقع الويب. يمكنك القيام بذلك مع دليل الجذرالموقع أو استخدام وظائف النموذج. سنحلل جميع الخيارات ونحدد أيها سيكون الأفضل لحالة معينة.
لكن قبل ذلك ، سنتحدث عن كيفية رسم نفس الأيقونة المفضلة. بعد ذلك ، سنكتشف الحجم الذي يجب أن يكون عليه الشعار ، وفي النهاية سأخبرك بكيفية إدراج الرمز الذي تم إنشاؤه على الموقع.
الأيقونة المفضلة هي رمز موقع ويب مقاس 16 × 16 (أو 32 × 32 ، ولكن ليس أكثر). يتم عرضه في علامة تبويب المتصفح. تبدو هكذا:
أيضًا ، يتم عرض الرمز في نتائج البحث ، وإذا لم يكن لموقعك رمز مفضل خاص به ، فمن غير المرجح أن ينتبه المستخدمون إليه. خاصة أولئك الأكثر خبرة ، الذين يقدرون حقًا كل شيء صغير.
في Yandex Webmaster ، يُصنف عدم وجود الرمز المفضل على أنه خطأ يجب إصلاحه على وجه السرعة. هذا لا يرجع فقط إلى حقيقة أن الأشخاص في محرك البحث قد لا يثقون في موقع بدون رمز ، ولكن أيضًا مع خوارزميات بحث معينة. ترى الروبوتات مثل هذه العيوب الفنية وغالبًا ما تخفض الموارد في نتائج البحث. ظاهرة محزنة يمكن أن تؤثر على جميع عمليات الترويج لكبار المسئولين الاقتصاديين.
دعونا نلخص قليلا:
- تؤثر الرموز المفضلة على العوامل السلوكية ومعدلات النقر في SERPs.
- يمكن لروبوتات البحث أيضًا أن تأخذ في الاعتبار وجود أو عدم وجود رمز مفضل.
- يمكن أن يؤدي هذا الخلل الفني إلى انخفاض في حركة المرور.
بمعنى آخر ، إذا كان لديك سؤال على الإطلاق: أضف رمز مفضل أم لا ، فستكون الإجابة واضحة - تأكد من إضافتها.
الآن دعنا نتعرف على كيفية رسم هذه الأيقونة نفسها. يمكن القيام بذلك باستخدام العديد من الخدمات عبر الإنترنت والمحررين.
مكان تنزيل النسخة النهائية
بعيد عن الخيار الأفضللكن شخص ما يستخدمه. يمكنك تنزيل الأيقونة المفضلة الجاهزة من الإنترنت ولا تكلف نفسها عناء إنشاء الأيقونة الخاصة بك. يتم تقديم كل منهم بتنسيقات مناسبة وبأحجام مناسبة.
فقط أدخل الاستعلام المطلوب في محرك البحث ، شيء مثل "تنزيل الأيقونة المفضلة الجاهزة" ، وبعد ذلك سيتم تقديمك بعدد كبير من الأشكال المختلفة.
قم بتنزيل الصورة على جهاز الكمبيوتر الخاص بك ، ثم قم بتثبيتها على الموقع. كل شيء بسيط. إنها متوفرة مجانًا تمامًا ، ولن يوبخك أحد. على الرغم من أننا إذا كنا نتحدث عن شركة ، حتى لو كانت صغيرة ، فعند العثور على شعار شخص آخر ، قد تنشأ حوادث غير سارة.
يمكن البحث عن الخيارات الجاهزة في مواقع مختلفة. كقاعدة عامة ، هناك مجموعات كاملة من الشعارات الموضوعية المختلفة التي قد يحبها بعض مشرفي المواقع.
لكني سأكرر مرة أخرى أنه سيكون من الأفضل إنشاء فافيكون بنفسك.
قم بإنشاء الأيقونة المفضلة
خدمات عبر الانترنت
يمكنك رسم الأيقونة المفضلة في الخدمات عبر الإنترنت. ما عليك سوى إدخال الاستعلام المناسب في محرك البحث ، وبعد ذلك سيتم عرض قائمة كاملة من المواقع التي يمكن أن تساعدك في تحقيق خطتك على انتباهك.
ستغطي هذه الدورة أهم ميزات الإبداع الكفء مشاريع المعلوماتوالتفاعل مع الفريق والجوانب المفيدة الأخرى التي ستحتاجها بالتأكيد عند تطوير عملك.
فافيكون - المصطلح الذي يُترجم حرفيًا على أنه "رمز مفضل" - يعتبر أحد أكثر العناصر تعقيدًا في تصميم الويب الحديث. هذه صورة صغيرة موجودة في علامة تبويب المتصفح ، في شريط البحث وأماكن أخرى ، وتلعب دورًا مهمًا في تخصيص الموقع.
نظرًا للتنسيق غير القياسي والحجم الصغير ، قد يكون إنشاء رمز مفضل أمرًا صعبًا ، سواء من الناحية الفنية أو من وجهة نظر التصميم.
مهمة بنفس الصعوبة هي التأكد من أن الأيقونة المفضلة متوافقة مع المتصفحات المختلفة.
في هذه المقالة سوف تتعلم كيفية عمل الأيقونة المفضلة - سنقدم نصائح تصميم ونخبرك عن خدمات إنشاء الأيقونة المفضلة ، وكيفية إضافة الأيقونة المفضلة إلى الموقع.
ما هو الرمز المفضل ولماذا هو مطلوب
على الرغم من أن الأيقونة المفضلة هي كائن رسومي صغير جدًا ، إلا أنها مهمة للغاية في تصميم مواقع الويب وبشكل عام.
اضغط لتكبير الصورة.
أولاً, تجعل الرموز المفضلة موقعك أكثر تخصيصًا واتساقًا أسلوب موحدمع عناصر رسومية أخرى مثل الشعار.
ثانيًا ، تجعل الأيقونة المفضلة موقعك مميزًا بين موارد الويب الأخرى في قائمة نتائج البحث. سيبدو الموقع الذي لا يحتوي على هذه الأيقونة المصغرة باهتًا ويخسر أمام المنافسين. باختصار ، فإن الأيقونة المفضلة هي مجرد "ضرورة" للمواقع الإلكترونية.
ثالثا ، يسمح الرمز المفضل للمستخدم بالعثور على موقعك بشكل أسرع في دليل الإشارات المرجعية أو رموز سطح المكتب الأخرى.
إنشاء تصميم الأيقونة المفضلة
يجب أن يلتقط الرمز المفضل الجوهر والعلامة التجارية في علامة صغيرة بحجم وجه مبتسم. قرار جيدستصبح نسخة مبسطة من شعار الشركة ، ولكن يرجى ملاحظة: الشعار الكامل مع النص والعلامات التجارية غير مناسب لهذا الغرض.
تستخدم مواقع الويب هذه العلامة الرسومية لعلامتها التجارية (أو على الأقل شيء مشابه لها).
لا تستخدم النص
يجب أن ترفض استخدام النص ، نظرًا لصغر حجم الرمز المفضل ، ستكون النقوش غير قابلة للقراءة. ضع 1 ، بحد أقصى حرفين على الأيقونة - على سبيل المثال ، الأحرف الأولى باسم شركتك أو مورد الويب ؛ في هذه الحالة ، لا يزال من الممكن تمييزها.
بيكسل فافيكون
الأيقونات صغيرة جدًا لدرجة أن كل بكسل مهم. غالبًا عندما تقوم بتصغير الشعار بالحجم الكامل ، تكون الصورة ضبابية.
هذا مقتطف من شعار Facebook بالحجم الكامل بعد أن تم تصغيره إلى 32 × 32. من السهل ملاحظة أن الصورة "تطفو" على طول الحواف. لتجنب مثل هذا العيب ، يجب عليك التحرير على مستوى البكسل.
عند العمل باستخدام الرموز ، أفضل استخدام برامج تحرير الصور النقطية (مثل Photoshop أو Pixelmator). أولاً ، قمت بتقليص حجم الشعار الكامل إلى 64 × 64 بكسل نظرًا لأن هذا هو أكبر رمز مفضل سأحتاجه. العمل شاق للغاية ، يمكن أن يستغرق ساعة أو حتى ساعتين ، لكن النتيجة ببساطة ممتازة.
إذا لم يكن لديك الوقت والمهارات اللازمة لمثل هذه العمليات ، فمن الأفضل استخدامها خدمات عبر الانترنت، مثل logotizer.ru
حجم الأيقونة المفضلة
بالنظر إلى رمز 64 × 64 ، أقوم بإنشاء رموز 32 × 32 و 24 × 24 و 16 × 16 بكسل بنفس الطريقة. لكل منهم غرضه الخاص:
- 64 × 64 - "قائمة القراءة" في Safari و Windows
- 24 × 24 - المواقع المثبتة في IE9.
- 32 × 32 - للشاشات عالية الدقة.
- 16 × 16 - شائع الاستخدام في المتصفحات مثل IE و Safari و Chrome وما إلى ذلك.
لكن إنشاء فافيكون أصغر لا يقتصر على: غالبًا ما يتطلب الأمر تحريرًا إضافيًا على مستوى البكسل. يمكنك أيضًا إضافة قناة ألفا إذا كنت ترى ذلك مناسبًا. إذا تسبب هذا في وقت سابق في صعوبات ، فإن جميع المتصفحات تقريبًا تدعم الآن الشفافية في الرموز المفضلة.
تنسيقات فافيكون
في السابق ، عندما كانت الملفات مدعومة فقط تنسيق Windows ICO ، يمكننا توفير الوقت عن طريق حفظ الأيقونة المفضلة مقاس 16 × 16 كملف GIF ومنحها امتداد .ico. هذا النهج يعمل بلا عيب! ولكن الآن هذه الطريقة ليست ضرورية حيث يمكن العثور بسهولة على أدوات إنشاء ملفات ICO على الإنترنت. علاوة على ذلك ، وهي تُستخدم الآن مع الرموز المفضلة ، لكن النوعين التاليين فقط هما الأكثر شيوعًا.
ICO
تنتمي راحة اليد إلى تنسيق ICO. على عكس ملفات PNG ، يمكن أن يكون لملفات ICO دقة مختلفة وأعماق بت (وهو أمر رائع لنظام التشغيل Windows). يستخدم متصفح Internet Explorer رموزًا مفضلة بأحجام مختلفة (على سبيل المثال ، رموز 32 بكسل للوحة مهام Windows 7) ، وبالتالي في هذه الحالة يكون تنسيق ICO هو الخيار الوحيد.
تعتبر ملفات PNG ملائمة جدًا لأنك لا تحتاج إلى أي أدوات خاصة لإنشائها. يدعم هذا التنسيق قناة ألفا ويسمح لك بإنشاء ملفات بأحجام أصغر. ربما يكون العيب الوحيد في تنسيق PNG هو أنه غير مدعوم في متصفح الانترنتالمستكشف.
هناك خيارات أخرى:
- لا تتمتع تنسيقات GIF و GIF المتحركة بأي ميزة سوى التوافق مع المتصفحات القديمة جدًا.
– تنسيق JPGلا ينصح باستخدامها ، حتى لو كانت الصورة في شكل صورة فوتوغرافية. يفتقر هذا التنسيق إلى وضوح PNG ، والميزة الوحيدة هي انتقالات أكثر سلاسة بين الألوان - فارق بسيط غير مرئي تمامًا في صورة صغيرة جدًا.
- يمكن أن يكون SVG خيارًا رائعًا إذا كان هناك المزيد من المتصفحات التي تدعم الرموز المفضلة بهذا التنسيق. حتى الآن ، لا يوجد سوى التوافق مع Opera.
- يوجد أيضًا ما يسمى بـ "التنسيق الفرعي" لـ PNG - APNG (PNG المتحركة) ، والذي يدعمه Firefox و Opera. ومع ذلك ، فإن جدوى استخدامه لا تزال موضع تساؤل. يمكن أن يكون الرمز المفضل المتحرك مشتتًا ومزعجًا للمستخدم.
قم بإنشاء الأيقونة المفضلة على الإنترنت - الأدوات والخدمات عبر الإنترنت
لقد اخترنا لك أكثر الخدمات المفيدة التي ستساعدك على إنشاء أيقونة مفضلة عبر الإنترنت.
Logotizer
Logotizer - جديد وبسيط و خدمة مريحةلإنشاء رمز مفضل وشعار لموقعك.
باستخدام صانع الأيقونات المفضلة عبر الإنترنت ، يمكنك إنشاء رمز مفضل من البداية. تستهدف الخدمة المبتدئين ، لذا قم بالتطوير تصميم جيدلن يكون صعبا.
كيفية إنشاء رمز مفضل باستخدام Logotizer Online Generator
تقع مساحة العمل الرئيسية على اليسار. على اليمين ، يمكنك أن ترى كيف سيبدو الرمز المفضل على وسائط مختلفة - علامة تبويب المتصفح ، أو شريط مهام الكمبيوتر ، أو شاشة الهاتف الذكي. مريحة للغاية ومرئية.
تحتاج أولاً إلى اختيار شكل للرمز المفضل. هناك الكثير منهم ، أكثر من 50. ننصحك باختيار أشكال بسيطة وغير معقدة لجعل الأيقونة المفضلة سهلة الفهم والتذكر.
في هذه المرحلة ، تقوم أيضًا بتحديد لون الشكل الذي سيتم استخدامه كخلفية للرمز المفضل ، واختيار الحد. تعرف على اللون الذي يهيمن على شعارك (إن وجد) ، وما هي الألوان الرئيسية على موقعك. نوصي بإنشاء تصميم الأيقونة المفضلة ضمن هذا النطاق.
يوجد أسفل كتلة "النموذج" مجموعة من الأشكال (الرموز). لا يوجد الكثير منهم ، ومن المؤسف أنه لا يمكنك تحميل الخيارات الخاصة بك ؛ لكن الاختيار لا يزال مثيرًا للاهتمام.
تغيير اللون والحجم والموضع من الأشكال! باختصار ، تجربة ، جيد ، الخدمة تتيح لك القيام بذلك.
بمجرد تحديد الشكل ، يمكنك إضافة النص الخاص بك. كما كتبت سابقًا ، من الأفضل استخدام حرف واحد أو حرفين ، لا أكثر.
هناك مجموعة واسعة من الخطوط. هذا بالتأكيد زائد. كما هو الحال مع الأشكال ، يمكنك تغيير لون النص وحجمه وموضعه.
إذا قررت أن بعض طبقات الرموز المفضلة تزعجك مؤقتًا أو لا تحتاجها على الإطلاق ، فيمكنك ببساطة إخفاءها.
بعد إنشاء الرمز المفضل ، ستعرض الخدمة حفظه. تسجيل حساب (في عام 2017 لا توجد طريقة بدون التسجيل) ، وبعد ذلك يمكنك تنزيل الملفات مقابل دفعة صغيرة - 199 روبل.
يحتوي الموقع أيضًا على تعليمات صغيرة حول كيفية إضافة الأيقونة المفضلة إلى الموقع ، لذلك يجب ألا تواجه أي مشاكل في إضافة الأيقونة المفضلة إلى الموقع. أدناه في هذه المقالة هي أيضا توصيات مماثلة.
بعد الدفع ، يتلقى المستخدم على الفور 10 فافيكون بأحجام مختلفة لجميع الأجهزة المطلوبة اليوم (أيقونة Apple touch ، أيقونات تطبيق Microsoft وغيرها).
ملف favicon.ico نفسه متعدد الحجم ويحتوي على رموز بأربعة أحجام في ملف واحد (16 بكسل ، 24 بكسل ، 32 بكسل ، 64 بكسل). وفقًا لذلك ، إذا أضفت الموقع إلى الإشارات المرجعية في متصفحك أو فتحت السجل ، فستتمكن من ملاحظة الرموز ذات الأحجام المختلفة ، ولكن سيتم عرضها بوضوح وبدون ضبابية.
بشكل عام ، الخدمة جيدة. بسيطة ومريحة ، لا أكثر.
RealFaviconGenerator.net
هو مولد أبسط للرموز المفضلة يسمح لك بإنشاء الرموز المفضلة لأي نظام أساسي. علاوة على ذلك ، يمكنك اختبار الأيقونة المفضلة على المورد. أدخل عنوان URL لموقعك وسترى كيف يبدو الرمز المفضل لديك في كل متصفح وكل متصفح نظام التشغيل. سيخبرك Real Favicon Generator أيضًا بكيفية إصلاح العيوب وجعل الأيقونة المفضلة لديك أفضل.
favicon.by
favicon.byهو مولد فافيكون آخر مجاني وسهل الاستخدام يحول ملفات PNG و JPG و GIF إلى تنسيق .ico. قم بتحميل صورة من جهاز الكمبيوتر الخاص بك ، واختر الحجم (16 × 16 بكسل أو 32 × 32 بكسل) وانقر فوق الزر "إنشاء". لحفظ الأيقونة المفضلة المستلمة على موقعك ، اتبع التعليمات.
تتيح الخدمة أيضًا إمكانية رسم شعار بالبكسل ، ولكن بصراحة ، لا يمكن لأي شخص القيام بذلك. على سبيل المثال ، لم أستطع. هكذا أنا متعرج :)
كيفية إضافة الأيقونة المفضلة إلى موقع على شبكة الإنترنت
يمكنك إضافة رمز مفضل إلى الموقع عن طريق إجراء بعض التعديلات في كود HTML لصفحة الموقع.
الخطوة 1: قم بتحميل ملف "favicon.ico" إلى خادم الاستضافة الخاص بك.
للقيام بذلك ، انتقل إلى خادم FTP الخاص بك باستخدام هذا الارتباط:
بروتوكول نقل الملفات: // [بريد إلكتروني محمي]
أدخل اسم المستخدم وكلمة المرور الخاصة بك. يمكن الحصول عليها من لوحة إدارة شركة الاستضافة الخاصة بك.
قم بتحميل ملفات الأيقونة المفضلة إلى الدليل الجذر. عادةً ما يُطلق على الدليل الجذر اسم "public_html" أو "www".
الخطوة 2: أضف الأيقونة المفضلة إلى HTML.
إبقاء نافذة خادم FTP مفتوحة ، قم بتنزيل ملف "index.html" أو "header.php".
فأنت بحاجة إلى تحميل الكود. يعتمد الرمز القابل للتنزيل على موقع الويب الخاص بك.
إذا كان موقعك بتنسيق HTML ، فابحث عن منطقة HEAD في ملف index.html والصق الشفرة التالية:
إذا كان موقعك هو WordPress ، فابحث عن منطقة HEAD في ملف header.php والصق الكود التالي:
/favicon.ico ”/>
تسمح هذه الرموز للمتصفحات بالعثور على الرموز المفضلة الخاصة بك.
لذلك ، لقد قمت بتثبيت الأيقونة المفضلة الخاصة بك!
كيفية إضافة رمز مفضل على WordPress والأنظمة الأساسية الأخرى
إذا كان المورد الخاص بك يعتمد على WordPress أو نظام إدارة محتوى آخر ، فإن إضافة رمز مفضل إلى الموقع أمر بسيط للغاية. بشكل عام ، ستكون خوارزمية إضافة رمز مفضل لمنصات مختلفة هي نفسها.
1. أنت بحاجة للذهاب إلى وحدة تحكم الموقع.
2. ابحث عن قسم "التصميم" أو "المظهر".
3. انتقل إلى قسم "إعدادات الموضوع" وابحث عن "الرمز المفضل" هناك.
4. قم بتحميل الأيقونة المفضلة من جهاز الكمبيوتر الخاص بك.
5. حفظ وتحديث الصفحة.
كيفية إنشاء مفضلات أكثر تعقيدًا
تتناول هذه المقالة طرقًا بسيطة وسريعة لإنشاء الرموز المفضلة المتوافقة مع أي متصفح ونظام تشغيل تقريبًا. ولكن عندما يتعلق الأمر بتصميم الويب وتطويره ، فلا حدود للكمال. إذا كنت ترغب في معرفة كيفية إنشاء رموز مفضلة أكثر تقدمًا ، وأيقونات لمس الشاشة الرئيسية لنظام التشغيل iOS ، وأيقونات واجهة Windows Metro ، وأيقونات Google TV ، وغير ذلك ، فإنني أوصيك بالاطلاع على هذه البرامج التعليمية: ورقة الغش favicon. أنه يحتوي على معلومات كاملة حول الموضوع ويتم إعطاء مصادر جيدة. يعد هذا خيارًا رائعًا لأولئك المصممين والمطورين (بمن فيهم أنا) الذين يتطلعون باستمرار إلى توسيع معرفتهم.
باستخدام Favico.js ، يمكنك إنشاء الرموز المفضلة للأرقام الديناميكية.
قد تحتاج أيضًا إلى رمز مفضل ديناميكي ، والذي يحتوي على رمز برقم متغير. لإنشاء مثل هذه الرموز المفضلة ، أنصحك باستخدام الخدمة favico.js، متاح على جيثب. بينما لا تتوافق الرموز المفضلة الديناميكية مع جميع المتصفحات. ولكن بالنسبة لتلك المتصفحات التي تدعمها ، يمكن أن تكون هذه الرموز إضافة ممتعة ومفيدة.
إذا كنت ترغب في إضافة نصيحة أخرى إلى هذه المقالة أو طرح سؤال ، فاترك تعليقًا أدناه!
كيفية إنشاء رمز مفضل لموقع الويب - نصائح وخدماتتم التحديث: 7 فبراير 2018 بواسطة: مشرف