Web学習手帳 To Know To Think To Love
 ここはWEB学習用で、制作の実験と備忘録に使っています。公開ブログは、"人生は恐れを知らぬ冒険か無か"(http://home.elmblog.com/)です。 ≪管理人用≫以下の内容やリンク先は、管理人が学習と試作に使っており予告なしに変更されます。

« 任意に選択したテキストの表示 | MAIN | Smartyテンプレートエンジン »

How to make a fav-icon?

IEやFirefoxなどのブラウザーでアドレス欄およびお気に入り(ブックマーク)で表示される小さなアイコンを favicon という。Webサイトのルートフォルダーに保存して、ブラウザでアクセスしたときにそのWebのアイコンを表示させることができる。詳しい説明が http://www.rw-designer.com/favicon にある。

Comments (1)

Dalma [TypeKey Profile Page]:

Favicon is just an ordinary icon with 16x16 pixels images. For best compatibility, there should be an image with 16 colors or 256 colors. Browsers are also able to use the smooth 32bit image with alpha channel. Images with larger sizes are not neccessary and would only make the icon file larger (that means it will take longer to download), so leave them out.

You can create a favicon in any icon editor. Use either RealWorld Icon Editor, or pick up one of the other icon editors (there is a list of icon editors in our directory). If you want to create favicon without installing anything, use an online icon maker. It only supports 16 colors, but will do the job just fine. Once you have the icon, rename it to favicon.ico and upload it on your web server.
Assigning favicon to a page

To activate your favicon, you must modify the source of your web page. Add this line to the <head> section of your page:
<link rel="shortcut icon" href="/favicon.ico">

Post a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)