ال أيقونة لمس أبل ، والمعروف أيضًا باسم ملف apple-touch-icon.webp، ويتم استخدامه كرمز صفحة ويب على أجهزة Apple iPhone وiPod Touch وiPad، تمامًا مثل Favicon. يتم استخدام هذا الرمز عندما يقوم المستخدم بوضع إشارة مرجعية أو إضافة موقع ويب إلى شاشته الرئيسية. ترجع منتجات Apple هذه إلى لقطة من موقع الويب، والتي غالبًا ما تكون أكثر بقليل من مربع أبيض إذا تعذر تحديد موقع هذا الملف.
ما لم يتم توفير الموقع بتنسيق HTML، يجب أن يكون هذا الملف بتنسيق a.webp بأبعاد 57 × 57 وأن يكون موجودًا في الدليل الرئيسي. يظهر أدناه رسم توضيحي للطريقة التي قد تظهر بها هذه العلامة في HTML الخاص بك.
|_+_|كيفية إنشاء أيقونة Apple Touch لموقع ويب سريع الاستجابة؟
يتم استخدام أيقونة Apple Touch عندما يقوم المستخدم بحفظ بياناتك موقع إلكتروني إلى الشاشة الرئيسية لجهاز iOS الذي يعمل باللمس أو وضع إشارة مرجعية عليه. ستستخدم Apple لقطة شاشة لموقع الويب الخاص بك كرمز إذا لم تحدد واحدًا، مما يؤدي في كثير من الأحيان إلى ظهور مربع لا يمكن التعرف عليه. سنوضح لك كيفية تطوير أيقونة Apple Touch فريدة لموقعك الإلكتروني سهل الاستخدام بحيث لا تجبر عملائك على رؤية أيقونة Apple دون المستوى.
اصنع أيقونة Apple Touch
يجب أن يتم إنشاء أيقونة Apple Touch الخاصة بك في Photoshop أو أي محرر صور آخر في المرحلة الأولية. يجب حفظ الملف باسم 'apple-touch-icon.webp' ويجب أن يكون حجمه 180 × 180 بكسل.
أضف ملف أيقونة Apple Touch الخاص بموقعك على الويب.
الخطوة التالية هي تحميل مستند Apple Touch Icon الخاص بك إلى موقع الويب الخاص بك. يمكنك وضعها في أي مكان تريد، ومع ذلك، ننصح بتخزينها في مجلد الصور الأساسي لديك. ونظرًا لأننا سنستخدمه في المرحلة التالية، فتابع المكان الذي قمت بتخزين ملفك فيه.
من خلال استخدام عنصر الارتباط، حدد أيقونة Apple Touch الخاصة بك.
الخطوة الأخيرة هي تحديد وتسمية أحدث أيقونة Apple Touch الخاصة بك في عنصر الارتباط الذي تضيفه إلى عنصر HEAD في صفحتك.