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ピクセルになる。

また角丸の処理や鏡面仕上げは自動的に行われる。