はてなブックマーク
delicious
Livedoor Clip
2008/12/31 (Wed)2008年最後は小ネタで締めたいと思います。
このBlogをiPhone / iPod Touchのブックマーク時にホームスクリーン用の専用アイコンを設定してみました。 次のようにホームスクリーンに専用アイコンが表示されます。
アイコンの作り方は次のように簡単です。
- 57x57のPNG画像を用意
- link要素に次のように指定
<link rel="apple-touch-icon" href="http://blog.katsuma.tv/images/apple-touch-icon.png" />
これだけでOKです。超簡単。
ちなみに1.でつくるアイコンのサイズは違うサイズでもリサイズされるようです。表示サイズが57x57であって、違うサイズの場合はiPhone / iPod Touch側で勝手にリサイズされます。
また、2.で場所を指定する場合、サイトのルート直下に「apple-touch-icon.png」の名前で保存しておけば勝手に読み取ってくれるそうです。今回はimagesディレクトリの中に保存しておきたかったので、link要素で指定してあげています。
個人のBlogについてはわざわざアイコンを指定してあげる必要性は薄いかもしれませんが、独自のWebサービスを提供している場合は、おもてなしの心のもとでちゃんと設定してあげるのがいいかもしれませんね。
- Newer: Flash Playerバージョン判定スクリプト
- Older: Flash Player上でP2P通信ができるRTMFPについて
Google Adsense
Social bookmark comment : 0
No comment.
Comment : 0
Trackback : 0
- TrackBack URL for this entry
- http://blog.katsuma.tv/mt-tb.cgi/189
- Listed below are links to weblogs that reference
- 自サイトに iPhone / iPod Touch 用のホームスクリーンアイコンを設定する from blog.katsuma.tv