HTML5で作ったアプリのアイコンがiphoneやandroidで正しく表示されるか少し検証してみました
Webクリップアイコンというのですが、htmlのhead内に以下の記述をすればアイコン設定可能です
<!-- Webクリップアイコン(iOSのみ) -->
<link rel="apple-touch-icon" href="images/icon/IconName.png" />
「apple-touch-icon」とある通り、iOSだけ有効でAndroidではブックマークアイコンしか表示されないと聞いていましたがAndroidでも有効でした
やっぱ本に書いてある事を信じるのではなく、やってみる事が大事ですね
ちなみにこんなかんじです。
[iphone]
[Android]
「SmashSyuriken」というアプリが144x144で
「株式会社イン」というのは100x100でスマホ対応させたHPです。
HPの方はfaviconサイズだったのでAndroidだと変な表示ですね～
iphoneもAndroidも角丸アイコンにしてくれるようです