ファビコンを変えてみました。

 

今までは、適当に正方形に切り抜いて、
16px×16pxに無理やり縮小した実写肉球画像の拡張子を無理やり『.ico』にしてポイっとUPしたっきりでした。
それでも表示してくれるFirefoxさんえらい!と思っていました。
当然のことながら、IEではうまいこといってませんでしたが。

折角なので、自作アイコンをちゃんとしたやり方で設定しようということで。
さらっとまとめ。

 

まずは、ファビコンの作成から。
16px×16pxで一生懸命作成します。
そして、こちらのサイトでfavicon.icoを自動作成。

Favicon Japan!! -16×16の小宇宙ファビコン-

サイズは大きくても、リサイズしてくれます。
なるべく、正方形の方が、きれいな形で生成されるようです。
生成されたファビコンは、サイトのindexページと同じ階層にアップ。
Firefoxは、gifファイルも使えるとのことで(動画gifとか素敵)、gifファイルも作成してアップ。

HTMLのヘッダ部に以下の2行を書き足します。


<link rel="shortcut icon" href="http://hogehoge.com/favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="icon" href="http://hogehoge.com/favicon.gif" type="image/gif" />

ちょっと時間置いて確認してみたけど、まだ反映されてないのかな?
でもそのうち表示されるはず…。
IEは、「お気に入りに追加」するときに初めてファビコンを取得にいくのですね。
調べててはじめて知りました。
というか、そもそもIEで見るとレイアウトガタ崩れしてるんですねorz
それも直さなきゃ…。

 

 

おまけ。

アイコン作るついでに大量生産してみました。
色のセンスはとやかく言わないでください。

2010/01/22 19:00 | つれづれ | Comments (0)
Comment

コメントはまだありません。

Comment Form