Webクリップ用画像


iPod touch,iPhoneではOS2.1からホーム画面にWebサイトのブックマークを登録できるようになりましたが、ホーム画面に特定のアイコン画像を表示できるようになっています。

上図の一番下に並んでいる背景が青、「h」の文字のあるアイコンが当サイトのWebクリップ画像です。

通常のWebサイトのfavicon.icoと似たようなもので、png形式の画像を作り、特定の名前(apple-touch-icon.png)でサーバーのルートにアップすれば自動的に表示されるようです。

私の場合は念のために、ヘッダー部分のlinkファイルの設定をその画像にしています。

ページごとに画像を用意できるようなので、他のサイトとの差別化を図るためにカテゴリ別に画像を用意してみても良いかもしれませんね。

実際の作成

作成するのは簡単です。

縦横57pxのpng画像を制作するのみです。ホーム画面に表示される際に角が丸くなって、ハイライトも上の部分にかかってくれます。

ですから、真四角の単色の青の画像に文字を入れても上図のような表示となる訳です。

くれぐれもサイトのルートの直下に置かないと表示されませんので、ご注意を。

2009-06-27

当サイトの更新情報はRSSで配信してます。feed RSSはこちら>>
よろしければご使用のRSSリーダーにご登録ください。
My Yahoo!に追加 Add to Google Subscribe with livedoor Reader はてなRSSに追加