今回アップデートされたソフトウェア・アップデートによって、iPhone、iPod touchではお気に入りのサイトを“ホーム画面”へアイコンとして登録することができるようになりましたが、そのアイコンをカスタマイズするための方法がアップルの公式サイトで公開されていました。
公式サイトで公開されているのは下記内容です。
iPhone and iPod touch allow a user to save a WebClip bookmark to your site on their Home Screen.
To specify a bookmark icon for all pages of a web site, place a PNG image named "apple-touch-icon.png" at the root directory of your web server - similar to the "favicon.ico" for site icons.
To override the site bookmark icon on a specific web page, insert a element similar to within the element of the page.
The bookmark icon dimensions should be 57x57 pixels. If the icon is a different size it will be scaled and cropped to fit.
Safari will automatically composite the icon with the standard "glassy" overlay so it looks like a built-in iPhone or iPod application.
上記によると、自分のサイトのトップページ（index.html）のソースコードのヘッドタグ内に、
というコードを埋込んで、57ピクセル × 57ピクセルのPNG形式の“apple-touch-icon.png”と名前を付けたアイコンファイルを、トップページのindex.htmlと同じディレクトリにアップロードしておけば良いとのことです。<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
なお、この機能や、ホーム画面で各アイコンを“プルプル”させてアイコンの並びを変更する機能等は、ソフトウェア・アップデートを実行するだけではなく、新しく販売が始まった追加アプリを購入してインストールしないと利用できないようです。
iPod touchのソフトウェア・アップデートはiTunes経由で可能。
また、新発売の追加アプリは、iTunes Storeで購入可能です。
・iTunes Store
早速このサイトのカスタムアイコンも用意して設置していますので、是非利用して試してみて下さい！
ちなみに、用意した画像は下記のようなもの。
ガラスのように光るエフェクトは、iPhoneやiPod touchのシステム側で処理して表示するような仕組みになっています。
■ アップルストア
・ iPod Store
・ iPod機種別アクセサリ
■ 楽天
・ iPod市場
■ Amazon.co.jp
・ Mac & iPodストア
■ セブンドリーム・ドットコム
・ iPod touch 16GB MA627J/A
・ iPod touch 8GB MA623J/A
