自サイトに iPhone / iPod Touch 用のホームスクリーンアイコンを設定する

  • 2008年12月31日 14:28
  • iphone

2008年最後は小ネタで締めたいと思います。

このBlogをiPhone / iPod Touchのブックマーク時にホームスクリーン用の専用アイコンを設定してみました。 次のようにホームスクリーンに専用アイコンが表示されます。

add to home screen add to home screen

アイコンの作り方は次のように簡単です。

  1. 57x57のPNG画像を用意
  2. 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サービスを提供している場合は、おもてなしの心のもとでちゃんと設定してあげるのがいいかもしれませんね。

関連広告

Trackbacks: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

Home > iphone > 自サイトに iPhone / iPod Touch 用のホームスクリーンアイコンを設定する

Search
Feeds

Return to page top