スマホのホーム画面用アイコン作成

スマホのホーム画面に自分のホームページを追加したときに、
オリジナルのアイコンで表示されたいですね。
そう思ったら、作ってみましょう!
iphone用、iPad用、Android用などいろいろありますが、
iOS7のiPad用のサイズ152×152ピクセルで作ればどれでも対応できると思います。
(細かく言えば、それぞれに対応するのがいのでしょうけど・・・。)
角は四角いままでOKです。iPhoneでもAndroidでも勝手に角が丸まってくれました。
(当方の iPhone 5 と NEXUS 5 での話ですが・・・)
完成した画像の名前は
「 apple-touch-icon.png 」という名前にしておきます。(つまりPNG形式ですね。)
これをindex.htmlと同じホームフォルダに入れておきます。
また index.html のヘッダに、下記の一文を加えます。
「 <link rel="apple-touch-icon" href="apple-touch-icon.png"> 」
 ↑ < > は半角で入力してくださいね。(ブログ用に全角で書いてあります)
これで完成です。
お試しください。