منذ بضع سنوات مضت ، تم إحياء الرموز المفضلة التي فقدت الكثير من أهميتها نظرًا لأن المزيد والمزيد من المتصفحات تدعمها الآن ، وفي الواقع ، تجعلها جزءًا مرئيًا للغاية من تجربة المستخدم الخاصة بها. تستفيد الأجهزة اللوحية ومتصفحات الهواتف الذكية أيضًا من هذه الرموز. وقد أدى هذا إلى زيادة أهمية الحصول على رمز فافيكون جيد. ومع ذلك ، تختلف طرق عرض هذه الرموز وفقًا لتصفح العميل للموقع. تتطلب أجهزة سطح المكتب رمزًا معينًا ، Apple تتطلب الأجهزة شيئًا مختلفًا ، كما أن الأحجام المختلفة تعقد الأمور أيضًا.
حل بسيط - مولد أيقونة مجاني على الإنترنت لـ Apple وأيقونات فافيكون
Iconifier.net هو حل بسيط يمنحك مربع JPG أو GIF أو PNG سينشئ مجموعة أيقونات بأحجام مختلفة بحيث يمكنك استخدام واختيار تلك التي تريد دعمها على موقع الويب الخاص بك. ما عليك سوى تنزيل الرموز التي تم إنشاؤها وتضمينها في رمز موقع الويب الخاص بك. يمكنك دمج هذه الخطوات في عملية تصميم الويب الخاص بك.
قم بتضمين أيقونة (رموز) المفضلة في موقع الويب الخاص بك
بعد إنشاء رمز favicon.ico باستخدام Iconifier.net أعلاه ، ووضعه في جذر موقع الويب الخاص بك ، أضف الكود التالي بين و من موقع الويب الخاص بك
• Apple الرموز
بعد إنشاء الرموز المختلفة باستخدام موقع الويب أعلاه ، سيتعين عليك أيضًا تضمين رمز مختلف قليلاً لـ Apple أجهزة iPhone / iPad (وربما Android). قم مرة أخرى بتحميل ملفات الرموز التي تم إنشاؤها إلى جذر موقع الويب الخاص بك ووضع الكود التالي بين علامات HEAD.
<الرابط rel="apple-touch-icon "أحجام =" 114 × 114 ″ href = "/ touch-icon-114 × 114.png" />
<الرابط rel="apple-touch-icon "أحجام =" 72 × 72 ″ href = "/ touch-icon-72 × 72.png" />
<الرابط rel="apple-touch-icon ”href =” / touch-icon-iphone.png ”/>
ستتعامل أجهزة iOS مع هذا الأمر تلقائيًا في متصفحها وتغيير حجمها وإضافة بعض التأثيرات وفقًا لذلك لتتوافق مع تصميم الجهاز الذي يتم رؤيتها عليه.
بالمناسبة ، ليس من السهل توظيف مطوري iOS و Android - إذا كنت تبحث عن توظيف مطور تطبيقات جيد ، وتعرف كيفية العثور على مرشح جيد لقد قمنا بتغطيتك CollectiveRay. - سنعرض لك جميع الأماكن الرائعة للعثور على مرشحين جيدين.
أحمر أكثر: كيفية إعادة تعيين Apple المعرف وكلمة المرور في حالة نسيانها
أيقونات لأجهزة أندرويد
بني Android على Apple المس الرموز ولكن توقع أن تكون الرموز في نسختها النهائية بالفعل. هذا الإصدار النهائي "مُسبق" ، وتتوقع أجهزة Android أن تكون هذه العلامة في مكانها. لذا حمّل نسخًا جديدة بأسماء مختلفة قليلاً (مثل إضافة مكونة مسبقًا في الاسم) ثم أضف الترميز التالي. الجزء المهم كله هو rel =apple-اللمس أيقونة- مسبقة التكوين. ضع الملفات في جذر موقع الويب الخاص بك وأضف هذا الرمز بين ملف و علامات html الخاص بك
<الرابط rel="apple-مسة-أيقونة- مسبقة التكوين "أحجام =" 114 × 114 ″ href = "/apple-touch-icon-114 × 114-precomposed.png ”>
<الرابط rel="apple-مسة-أيقونة- مسبقة التكوين "أحجام =" 72 × 72 ″ href = "/apple-touch-icon-72 × 72-precomposed.png ”>
<الرابط rel="apple-touch-icon-precomposed ”href =” / touch-icon-iphone-precomposed.png ”>
يمكن العثور على مزيد من التفاصيل حول الرموز المفضلة على ويكيبيديا: https://en.wikipedia.org/wiki/Favicon
من فضلك قم اترك أ مفيد علق بأفكارك ، ثم شارك هذا على مجموعة (مجموعات) Facebook الخاصة بك الذين قد يجدون هذا مفيدًا ودعونا نحصد الفوائد معًا. شكرا لك على المشاركة ولطفك!
تنويه: قد تحتوي هذه الصفحة على روابط لمواقع خارجية للمنتجات التي نحبها ونوصي بها بكل إخلاص. إذا قمت بشراء منتجات نقترحها ، فقد نربح رسوم إحالة. لا تؤثر هذه الرسوم على توصياتنا ولا نقبل مدفوعات للمراجعات الإيجابية.