iPhoneやiPod touchで、特定のサイトをブックマークして、それをホーム画面に置けるようになったらしい。
その際に使われるアイコンの作り方が紹介されていました。
→iPhoneとiPod TouchのWebclipのアイコンの作り方 - [モModern Syntax]
1.57 x 57ピクセルのPNG画像を用意する。
2.その画像をapple-touch-icon.pngという名前で保存
3.apple-touch-icon.pngをWebサーバーのルート（DocumentRootというかhtdocsの下というか要はindex.htmlがあるところ）に配置。
あるいは、HTMLのhead内に、
<link rel="apple-touch-icon" href="/ファイル名"/>
と指定するのもOKのようです。
角丸とテカリは、iPhoneやiPod touch側が勝手にやってくれるらしいので、とにかく57×57ピクセルのPNG画像を用意すればいいみたい。
というわけで、bloc（http://www.bloc.jp/）用に作ってみました（現時点でまだblocのサーバにはアップしてません）。
あーん、どうやって見えるか確認するためだけに、iPod touchが欲しくなってきちゃった。
コメント