iPhoneでサイトをホーム画面に追加した時のアイコンはどうやって指定するの？ | 株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報

ちなみにアイコン画像は勝手に「つや出し効果」と「角丸」にしてアイコンっぽくしてくれるので、画像を作成するときはその辺は気にしないで大丈夫です。 角丸は防げないですが、もし勝手な効果をつけたくない場合はapple-touch-iconをapple-touch-icon-precomposedとすれば良いです。あとアイコンのタイトルはtitleタグの内容がデフォルトで適用されます。以下が今回作成した画像。 今回色々と試している中でわかったのですが、一度ホーム画面にサイトキャプチャで登録されてしまった場合も、アイコン画像を設定し直したサイトに再度アクセスすることで以下のようにホーム画面のアイコンは設定した画像に変わります。そのため、初めは設定していなかった場合でも、後で修正すればちゃんと各ユーザーのiPhone上に反映されるので安心です。 これで細部までこだわったスマートフォンサイト制作の役に立

[cyborgninja]

こうやってやるんだねーと初めて知った。ホーム画面追加時のアイコンについて。 めも：iPhoneでサイトをホーム画面に追加した時のアイコンはどうやって指定するの？ | 株式会社シンメトリック公式ブログ - 携帯開発から

[mathemathiko]

<link rel="apple-touch-icon" href="画像パス" />

[sugarshin]

apple-touch-icon-precomposed

[ideo]

iPhoneブラウザでサイトをホーム画面に追加したときに使用されるアイコンの指定方法について。