ようするに 16x16 の gif か png をトップディレクトリに置いて、ページの head に link rel="shortcut icon" を書いておけばいいだけなのに。いまごろ、やっと >_<。

Q: ブラウザは favicon.ico ファイルがトップディレクトリにあれば自動的に使ってくれる?
A: 使ってくれないブラウザもあるし、プロバイダの都合で、トップディレクトリにユーザーが勝手にファイルを置けないこともあるから、ページの head に link を書くのが無難。

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />

ファイル形式は ico でなくても gif や png で構わない。

favicon editor

X-Icon Editor http://www.xiconeditor.com/

favicon not showing in Safari

Safari で favicon が表示されない場合、ico ファイルを MacOSX の Preview の Export で 16x16 の png へファイル形式変換すればいい。この png なら Safari で表示される。

topic: macosx
first posted: 2015-01-13 17:38:09
last modified: 2015-01-15 21:11:10