Sunday, January 08, 2006

[Web / tools / links]_ faviconを作成

自分のサイトを改めて見てみて,何か がないな・・・と思い, favicon を作って見ました.

 favicon とは favorites icon [お気に入りのアイコン] というものでページをお気に入りに登録などした時などに表示されるアイコンです.

   favicon:16x16

 ● 作り方は以下
16x16 又は 24x24 [bit]サイズの *.icoファイル を作ります.

 icoファイルの作成には,『@icon変換(- towofu's soft)』などを使ってみる. bmp画像などを.icoファイルに変換します.
あと,GIFアニメ画像ファイルも favicon に出来るらしい・・・試してないので未確認ですが.

そして,favicon を適応させたいWebページと同フォルダに "favicon.ico" という名前でupすればok.
ブラウザ側でWebページを閲覧したときに自動的に読み込んでくれます.
 親ディレクトリ [フォルダのこと] を再帰的に探すらしいので, ルートディレクトリ(?)に一つ置いておけば, 特にページ毎・ディレクトリ毎に変える必要のない人はokです. しかし,ブラウザによって挙動がことなることがあるので, きちんとhtmlの head 内に書いておく.

 以下を記述することでページ毎にどのfaviconを適用するか明示します.

<link rel="shortcut icon" href="http://[own-site-url]/favicon.ico" />
には,自分のサイトの url をイレル


↓こんな感じ.
スクリーンショット
■ Mozilla Firefoxでの感じ


イカが(´∀`)?


<参照site>
- Favicon Japan!!   http://www.favicon.jp/
- towofu's soft   http://www.towofu.net/soft/

0 comments:

Template Design. 2008 Jyun.