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

スマホのホーム画面に自分のホームページを追加したときに、
オリジナルのアイコンで表示されたいですね。
そう思ったら、作ってみましょう！
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"＞　」
　↑　＜ ＞　は半角で入力してくださいね。（ブログ用に全角で書いてあります）
これで完成です。
お試しください。