概略
- smart phone用に用意しておいたほうがいい。
- faviconと同様、index.htmlと同じ階層(最上位)に置いておく。
- サイズは、とりあえず192px*192pxのひとつ用意しておけば、共用できる。
- appleのガイドラインには、すべてのデバイス用に各種サイズを用意するように書いてある。下記参照。
- touch iconの形は必ず正方形。見映えの角丸は、ブラウザが処理する。
android
i phone
- 以下のガイドラインに詳細は全て書かれています。
- App Icon - Graphics - iOS Human Interface Guidelines
html記述内容
<!-- iOS Safari and Chrome -->
<link rel="apple-touch-icon" href="touch-icon.png">
<!-- Android標準ブラウザ(一部) -->
<link rel="shortcut icon" href="touch-icon.png">