まぁ、「これ以上大きくてもおk」とは書いてありますが、iPhoneに表示されるアイコンのサイズは決まっておりますので114×114pxで作成するのが無難でしょう。 画像が用意できたらアップロード、そしてheadタグ内に [html]<link rel="apple-touch-icon" href="画像パス" /> [/html] を追加します。 これだけ。 ちなみに、「apple-touch-icon」の部分を「apple-touch-icon-precomposed」とすると、iPhoneアイコン特有のつや出し効果を拒否することもできます。(角丸効果は防げません) Webサイトのホーム画面への追加方法 さて、早速アイコンを設定した自分のブログをiPhoneでホーム画面に設定してみました。 ホーム画面にショートカットを追加したいページをSafariで開いて下部真ん中のアイコンをタップ。
![WebサイトをiPhone,iPadのホーム画面に追加したときに表示されるショートカットアイコンの作り方&指定方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/e49992dbd9ee255db03d2495b0fd97f030787e8a/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2F201203282.jpg)