أعرف نوعين أساسيين من أيقونات الويب الافتراضية لمواقع الويب:
Favicon : ضع .ico
ملفًا منسقًا في جذر موقعك باسم favicon.ico
والأكثر سوف تجده متصفحات سطح المكتب وتعرضها في سياقات مختلفة (إشارات مرجعية ، علامات تبويب). يمكن أيضًا إضافتها في التعليمات البرمجية ، والتي تتيح لك تحديد أسماء أخرى وأنواع رسومات أخرى إلى الملف ، على الرغم من وجود قيود النوع والحجم للمتصفحات :
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="icon" href="/favicon.ico" />
Web Clip Icon : ضع png
ملفًا منسقًا يسمى إما Apple-touch-icon.png
أو Apple-touch-icon-precomposed.png
في جذر موقعك وإصدارات iPhone OS/iOS من Safari ستلتقطها وتخزينها عند إضافة الموقع إلى الشاشة الرئيسية. يمكن أن تضاف أيضا مع رمز مثل:
<link rel="Apple-touch-icon" href="/custom_icon.png" />
هل هناك أي رسومات أيقونة افتراضية أخرى لموقع ويب يمكن لمشرف الموقع تضمينها؟
يبدو استنادًا إلى هذا و هذا أن Android سيستخدم rel
النوع من Apple-touch-icon-precomposed
أو Apple-touch-icon
، لكن لكي تعمل ، تحتاج إلى استخدام عنوان url مؤهل بالكامل ، على سبيل المثال:
<link rel="Apple-touch-icon-precomposed"
href="http://www.example.com/custom_icon.png" />
أو:
<link rel="Apple-touch-icon"
href="http://www.example.com/custom_icon.png" />
التحذير هو أنه يبدو أن هذا لـ Android 2.1 update 1 & Webkit 3.1 . --- وثائق مطور Android تذكر طريقة في Android.webkit
وهذا هو الحدث عند استرداد Apple-touch-icon
.
هذا يعتمد على النظام الأساسي الذي تستهدفه. لكنني أعتقد أن معظم المتصفحات المتوافقة مع الأجهزة المحمولة تتفهم العلامات الافتراضية المفضلة. ربما يمكنك البحث عن حالات استخدام خاصة (مثل إنشاء اختصار لسطح المكتب برمز خاص) على منصات مثل Android و iOS و WebOS و ...
لقد قمت للتو بتطوير بعض مواقع الويب التي تستهدف مستخدمي iPhone وعلى هذه المواقع التي استخدمتها Wordpress مع إصدار متخصص من سمة WPTouch.