Я использую код ниже:
<link rel="apple-touch-icon" sizes="57x57" href="png/apple.png" />
<link rel="apple-touch-icon" sizes="72x72" href="png/apple.png" />
<link rel="apple-touch-icon" sizes="114x114" href="png/apple.png" />
<link rel="apple-touch-icon" sizes="144x144" href="png/apple.png" />
, где apple.png - это 144px по 144px изображению.
Это нормально?
ОниПохоже, не сказано, что все они должны быть разными
Ссылка
Похоже, вы можете создать 180 с помощью 180 и использовать для всех,согласно здесь:
Значок Apple Touch для веб-сайтов