そういえばすっかり忘れていたこと。このサイトをiPhone, iPod touchのSafariからホームスクリーンに登録するときにそのアイコンになるapple-touch-icon.pngを準備するのを怠っていた。
というわけで作ってみた。やり方は簡単。
- 画像処理ソフトで57×57ピクセルの正方形のキャンパスにアイコンを作る(角丸やガラス処理はiPhone, iPod touchが自動でやってくれるので不要)
- PNG形式で書き出し
- サーバにapple-touch-icon.pngというファイル名でアップロード
- head内に<link rel="apple-touch-icon" href="(画像までのパス)/apple-touch-icon.png" />を書く
手持ちのiPod touchはWebclip未対応(v.1.1.1)なので確認できないけれど、これでうまくいったはず。
iPod touch Software 1.1.1のSafariは貧弱でこのサイトをロード中に音楽は止まるわ、ピンチイン(2本の指で拡大する動作)しようものならSafariごとクラッシュしてしまう。早いとこ2.0.2にアップデートしたいのだが、既存アプリの調子がすこぶる良いのでついつい先送りしてしまっている。