« iPhoneサイト制作ハンドブック iPhone&iPod touch対応 | トップページ | 「lecca LIVE TOUR 2009」 チケットGET! »

iPhone用のファビコン

いまさらなんですがsweat01、iPhone用のファビコンを作って設定してみましたhappy01
と言っても、ここのサイトや、ここではなくて、ここに設定してみましたsweat01

ファビコン(Favicon)は、ブックマークやアドレス表示欄に表示されているアイコンで、Favorite iconの略です。ICO形式のfavicon.icoというファイル名のアイコンをページに設定しておくと、そのアイコンが表示されるようになります。

iPhoneのsafariでもファビコンのようなアイコン設定ができまして、PNG形式で、57x57ピクセル(以上)のapple-touch-icon.pngとうファイル名のアイコンをページに設定することになります。で、この画像は自動的に光沢など効果が付けられます。もし、効果を付けたくない場合は、ファイル名をapple-touch-icon-precomposed.pngという名前にします。

が、ファビコンの場合でもそうなんですが、public_htmlに置くなら、ファイルを置いておくだけで大丈夫なのかな?? けど、それ以外のページの場合は、ヘッダーに

<link rel="apple-touch-icon" href="http://hogehoge.com/
apple-touch-icon.png" />

という様に記述が必要になります。

さて、実際どんな風にできたかなhappy01

oneiPhoneのsafariを起動して、http://www.micutil.com(目的のページ)を表示

two「+」ボタンをタップして、「ホーム画面に追加」を選択
※ホーム画面に登録できるアイコンが上限に達していると、追加できないようです。
Photo

three名前を付けて、「追加」を選択
Photo_2

four完成happy01
Photo_3

と、こんな感じ〜
apple-touch-iconを設定してないとページのスクリーンショットのアイコンになります。それはそれでいいようにも思いますけどね。。。

あと、MyWebClip(買ってないので)よくわかりませんが、apple-touch-iconを設定してないと、どんなアイコンになるんでしょうかね?safariと同じようにスクリーンショットになるのかな?確かfaviconがあれば、それが拡大されるみたいだったけど、それも格好わるいもんね。
Itunesscreensnapz092

|

« iPhoneサイト制作ハンドブック iPhone&iPod touch対応 | トップページ | 「lecca LIVE TOUR 2009」 チケットGET! »

iPhone / iPad 関連」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/221673/45494863

この記事へのトラックバック一覧です: iPhone用のファビコン:

« iPhoneサイト制作ハンドブック iPhone&iPod touch対応 | トップページ | 「lecca LIVE TOUR 2009」 チケットGET! »