favicon.ico に戻る |目次に戻る

favicon.ico

What is favicon.ico?

log of httpd access_log

初めに

まず access_log の 抜粋 これは アクセスされた 時間は 削除 client の IP アドレスは 変更してある

[error] [client 9*9.888.777.666] File does not exist: /var/data/www/apache2/htdocs/favicon.ico
[error] [client 9*9.888.777.666] File does not exist: /var/data/www/apache2/htdocs/favicon.ico
[error] [client 9*9.888.777.666] File does not exist: /var/data/www/apache2/htdocs/favicon.ico
[error] [client 9*9.888.777.666] File does not exist: /var/data/www/apache2/htdocs/favicon.ico

調査

別に 無いものを 要求して 無いよというのであるから 真っ当な 処理 これ で終わりにするだけの事である。というわけで 捜すと

http://en.wikipedia.org/wiki/Favicon
The original means of defining a favicon was by placing a file called favicon.ico in the root directory of a webserver. This would then automatically be used in Internet Explorer's favorites (bookmarks) display. Later, however, a more flexible system was created, using HTML to indicate the location of an icon for any given page. This is achieved using the link element like: in the section of the document. In this way, any appropriately sized (16×16 pixels or larger) image can be used, and although many still use the .ico format, other browsers now also support the GIF and PNG image formats.

Browsers that support favicons may display them in the browser's URL bar, next to the site's name in lists of bookmarks, and next to the page's title in a tabbed document interface.

An URL bar, or location bar/address bar, is a widget in a web browser which indicates the URL of the webpage currently viewed. A new page can be viewed by typing its URL to the URL bar.

もう一つ 良くわからないが 適当に gimp で 画像を 作成し png で 保存 そ うして index.html ファイルの<head> と </head> の 部分に png 画像の ある場所を追記すると

<head>
<link rel="shortcut icon" href="005png/favicon.png">
</head>

として UA にて 閲覧すると 

€ http://cricrima-sa.no-ip.info/

のような 画像と 場所が 表示 される、みる UA に 依っては 数字 だけか 見えないかも しれないが にゃんたろうの UA では 見る事が 出来る。ところ が ゐん同図 エックスピ とか イーマック では 反映されない, そこで

調査、調査

詳細は 不明だが cash が 原因なのか ico フォーマットの 問題かは わか らないので 取り敢えず 再度 gimp で 16px X 16px の png 画像を 作成する

$ gimp &

これを ico に 変換する その前に png を bmp に 変換する 必要がある、な んでか というと おしかりを 受けるため。

# /mnt/usr/local/bin/toico fix16.png -o kk.ico
toico: fix16.png: Unsupported file format
# /mnt/usr/local/bin/toico fix16.bmp -o ff.ico
# ls
ff.ico  fix16.bmp  fix16.png

補足

上記は 変な事を してるがこれは 現在 plamo に toico をという program を インストール してなくて 手短に vinelinux の 領域にて 処理したためで ある plamo に toico を インストールすれば良い事であるが 有るものを 使 用したと 言う事です。また gimp も plamo の場合 bmp に 変換出来ない物が インストール されてる 確認 調査しないと いけない 取り敢えず 作成は 終わっ た（plamo ; の gimp 場合の 追記；条件に依っては出来ないことであり いつも出来ないのでは 無い 勘違い）

サーバーに 設置

出所は 魅畔祖父徒（mikurosohuto） らしいので 同様に 32px X 32px の ico も 作成する これを サーバーの / ルートディレクトリに 配置する。有るサーバーの 例； 抜粋を見ると

$ ls -l htdocs/
-rw-r--r--    1 apache   apache       1406 10月 22日  21:00 favicon.ico
-rw-r--r--    1 apache   apache       3262 10月 22日  21:00 favicon32.ico
-rw-r--r--    1 apache   apache       2426 10月 22日  21:04 index.html

index.html の <head> と </head> の 間に 下記の様に追記し

<head>
<link rel="shortcut icon" href="./favicon.ico">
</head>

UA にて 閲覧すると address_bar このよ うな 図柄が 見えると 思います。これは favicon.icoこの 図柄を ico に 変 換して サーバーに 設置した場合の 例です。

favicon.ico

favicon.ico の 作り方

元々が ミクロソフトの ある UA の ある バージョンから 発生した 物であ るようなので これ以上 調査するのは 止める 事にする mozilla でしか 確 認出来ないが png で 16px の 画像を 作成しその ルート ディレクトリに 設置し head 領域に リンクを 追記すれば 見える 様に なることで 良いと 思う 但し此の場合 全ての ファイルの 条件 は 満たさない 此の例では ディ レクトリの構成が


/dokoka/sokoda/public_html/konodirecotory --- index.html
                              |
                           kodomonodirectory-- index.html
                                            -- subfile001

の様で有る場合 ２個の index.html の 場合は 見る事が 出来るが subfile001 の場合は 表示 されない （head 領域に リンクを 追記 しているに も かかわらず 見る事が出来ない）という 状態である

取り敢えず こんな所ですか
にゃんたろう 拝！

2005年10月24日 (月) 00:39:32 JST 作成

favicon.ico に戻る|目次に戻る

Copyright © 2004.-2007. nyantarou All Rights Reserved.