The Значок дотику Apple , також відомий як файл apple-touch-icon.webp, використовується як піктограма веб-сторінки на Apple iPhone, iPod Touch і iPad, подібно до Favicon. Цей символ використовується щоразу, коли користувач створює закладки або додає веб-сайт на головний екран. Ці продукти Apple повертаються до знімка веб-сайту, який часто трохи перевищує білий квадрат, якщо цей файл неможливо знайти.
Якщо розташування не вказано в HTML, цей файл має бути a.webp із розмірами 57 на 57 і розташовуватися в домашньому каталозі. Нижче показано, як цей тег може виглядати у вашому HTML.
|_+_|Як зробити адаптивний веб-сайт Apple Touch Icon?
Іконка Apple Touch використовується, коли споживач зберігає ваш веб-сайт на головний екран пристрою з сенсорним екраном iOS або додає його в закладки. Apple використовуватиме знімок екрана вашого веб-сайту як значок, якщо ви його не вкажете, що часто призводить до невпізнанного квадрата. Ми покажемо вам, як розробити унікальну піктограму Apple Touch для вашого зручного веб-сайту, щоб ви не змушували своїх клієнтів бачити неякісну піктограму Apple.
Зробіть значок Apple Touch
Ваш Apple Touch Icon має бути створений у Photoshop або іншому редакторі зображень на початковому етапі. Файл має бути збережений як 'apple-touch-icon.webp' і має бути розміром 180 на 180 пікселів.
Додайте файл піктограми Apple Touch свого веб-сайту.
Наступним кроком є завантаження документа Apple Touch Icon на ваш веб-сайт. Ви можете розмістити його куди завгодно, однак ми радимо зберігати його в основній папці зображень. Через те, що ми будемо використовувати його на наступному етапі, слідкуйте за тим, де ви зберегли свій файл.
Використовуючи елемент посилання, визначте свій значок Apple Touch.
Останнім кроком є ідентифікація та назва вашої останньої піктограми Apple Touch в елементі посилання, який ви додаєте до елемента HEAD вашої сторінки.