The Сензорна икона на Apple , известен още като файлът 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 Icon трябва да бъде направена във Photoshop или друг редактор на изображения в началния етап. Файлът трябва да бъде записан като „apple-touch-icon.webp“ и трябва да е с размер 180 на 180 пиксела.
Добавете файла с иконата на Apple Touch на уебсайта си.
Следващата стъпка е да качите вашия документ на Apple Touch Icon на вашия уебсайт. Можете да го поставите където пожелаете, но ви съветваме да го съхранявате в папката с основни снимки. Поради факта, че ще го използваме в следващата фаза, следете къде сте съхранили файла си.
Като използвате Link Element, дефинирайте вашата Apple Touch икона.
Последната стъпка е да идентифицирате и наименувате най-новата си Apple Touch икона в елемент на връзка, който добавяте към елемента HEAD на вашата страница.