Webクリップ時のアイコンの設定方法。
※Webクリップ：http://www38.atwiki.jp/soyjoynice/pages/46.html
* * *
端末別のアイコンサイズは
・iPhone 3G：57px * 57px
・iPhone 4：114px * 114px
・iPad：72px * 72px
（Apple公式サイト：129px * 129px）
- - -
<head></head>内に以下を記述。
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
<!--=====iPhone 3G用Webクリップアイコン サイズ指定=====-->
<link rel="apple-touch-icon" sizes="57x57" href="apple-touch-icon-57x57.png" />
<!--=====iPad用Webクリップアイコン サイズ指定=====-->
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png" />
<!--=====iPhone 4用Webクリップアイコン サイズ指定=====-->
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png" />
- - -
<!--=====iPhone 4用Webクリップアイコン サイズ指定 光沢処理無し=====-->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114.png" />
* * *
引用元：
http://blog.typocode.net/2011/06/iphone_ipad_web.html
最終更新：2011年11月11日 09:37
