apple-touch-iconについて

iPhone

apple-touch-iconとは

Webサイトがブックマークされ、ホーム画面に置かれた場合の画像。

基本情報

  • iPhone(3Sまで)は57px / 57px
  • iPhone4(Retina)は114px / 114px
  • iPadは72px / 72px
  • 画像はPNG

設定

<link rel="apple-touch-icon" href="apple-touch-icon.png">
  • iPhone(3Sまで)の設定。画像は角丸等自動加工される
<link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png">
  • 自動加工されず利用される。ただしiOS2.0以前では無視されるので、通常の設定も記述しておくこと
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png" />

<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png" />