iPhone 資料一覧
Webクリップアイコンの設定
2008/8/5更新
対応バージョン: OS 2.0.2
Webクリップのアイコンは以下の2種類の方法で指定できる。
サイトトップに「apple-touch-icon.png」というファイル名でPNGファイルを置く。
(X)HTMLのheadタグの中に以下のメタ情報を入れ、アイコンファイルを指定する。これはレンタルサーバなどでサイトトップにファイルが置けない場合や、ページ毎にアイコンを変えたい場合などに便利である。
<link rel="apple-touch-icon" href="ファイル" />
上記を両方実施した場合は後者が優先される。逆に両方とも実施しない場合は表示しているWeb画面のスクリーンショットが使われる。
以下は当サイトのWebクリップアイコンを作成したものである。左がアイコンを指定しない場合、右がアイコンを指定した場合。
ファイルサイズは57x57ピクセルにすべきだが、サイズが異なっていても拡大/縮小や不要な部分の切り取りが行われて57x57ピクセルになる。
また角丸の処理や鏡面仕上げは自動的に行われる。