Как сделать иконку своего сайта для отображения на Домашнем экране iPhone?

Нам понадобиться файл формата *.png размера 59 на 61 пиксель (получено эксперементальным путем).

Для этого воспользуйтесь любым графическим редактором который позволит сохранить файл в формат  *.png.

Рассмотрим на примере моего сайта:

В Ваш индекный файл (index.html или любой другой), до закрытия тега </head> вставьте строку:

<link rel=»apple-touch-icon» href=»/apple-touch-icon.png»/>

apple-touch-icon.png — это наша иконка размера  59х61.

Теперь при добавлении из Safari ссылки на сайт у Вас появиться иконка, как на картинке выше.

Удачных экспериментов. 😉