メインコンテンツ

2008年1月23日(水)

iPhone/iPod touch用Webclipアイコン

投稿者: Hossy@Trinity 日時2008年1月23日(水) 17:50

WebIcon.jpg

今回、アメリカに渡って初めてiPhoneを電話として使用したのですが、普段使用している日本のケータイが極薄のモデルを使っているだけに、多少大きさと重さに違和感を感じたのですが、使ってみるとアドレスブックからのコールなど便利だったり、SMSも使ってみましたがこれもiChat風になっているのであたかもチャットしているように会話ができて楽しかったです。

そんなiPhoneですがMacworldにてバージョン1.1.3のアップデートが発表され、ホーム画面のカスタマイズおよびウェブページのブックマークをホーム画面に配置できるウェブクリップ機能が追加されました(それ以外もありますが、とりあえずここではおいておきます)。

このウェブクリップ、favicon(ファビコン)のようにアイコンを設定することができると言うことでさっそく当社ウェブサイトトップページこのTriLogにアイコンを設定してみました。これで、この2つのページをウェブクリップにした場合には、当社ロゴのアイコンが表示されます。作り方は非常に簡単で、下記の2ステップだけです。

・57x57ピクセルのpng画像を用意し、適当なファイル名(customicon.png)で表示させたいページのディレクトリにアップロードする。
・ページのHTMLのタグ内に
<link rel="apple-touch-icon" href="/customicon.png"/>
と記述する。ディレクトリパスを記述すれば別のアイコンをそれぞれ置くことも可能です。

なお、ホーム画面に登録される際には自動的にiPhoneのアイコンらしいツルツルなエフェクトがかけられます。アイコンがない場合は自動的にWebページの縮小版がアイコンに設定されますが、小さくてよく見えないのでアイコンを設定する方が良いでしょう。

trackback

このエントリーのトラックバックURL:
http://www.trinity.jp/cgi-bin/blog/mt-tb.cgi/462

このリストは、次のエントリーを参照しています: iPhone/iPod touch用Webclipアイコン:

» 「Webクリップ」用アイコン設置サイトリンク集(追記3)
from Blog!NOBON

retro さん、dbacks51 さん、ringo-sanco さんが次々と iPod touch / iPhone の「Webクリップ」用アイコンを導... [詳しくはこちら]
トラックバック時刻: 2008年2月18日 12:32

trackback
名前
メールアドレス
URL
 この情報を登録しますか?
コメント

画像の中に見える文字を入力してください。

 


      

ページトップへ



フッター