[て] Faviconを作ってみた: 大阪てきとー日記

2005/03/03

Faviconを作ってみた

Firefoxがメインブラウザとして、すっかり手に馴染んできました。
今更ですが、なんでもっと早く乗り換えてなかったんだろう？と思うことしばしばです。
もちろん、Sleipnirにはほとんど何の不満もなかったわけで、あえて積極的に乗り換える意欲が薄かったというのはあるのですが。
それにしてもFirefoxは、しょっちゅう新しい発見があるので使っていて楽しいですよ。

で、今回のブラウザ乗り換えの際に気付いたというか目立つのは、いろいろなウェブサイトのFaviconの表示です。
IEでもFaviconは表示されましたが、そんなに印象に残ることはありませんでした。
Firefoxに乗り換えてブックマーク整理をしていると、Faviconをちゃんと設定しているサイトが非常に多いことに、改めて気付きました。

ということで、このブログにも一応Faviconを設定してみたのですよ。

設定するにあたっては、Poohotosama's Joke Diaryさんの記事を参考にして、以下のようにやってみました。

1. Favicon.icoファイルの準備・作成 はっきり言ってセンスが必要な部分ですが、とにかくてきとーに作ってみます。最初からICON形式のファイルを作っても良いのですが、元になる画像ファイルを準備して、favicon.icoに変換してみました。
まず、PictBear Second Editionを使って、元画像（とりあえずJPEG形式で）を作成しました。

そして、その画像ファイルをFavIcon from Picsというウェブサイトでfaviconファイルに変換し、ダウンロードしておきます。
プレビューを見て気に入らなければ、元画像作成からやり直しです。

2. Favicon.icoファイルのアップロード、ココログテンプレートの修正
準備したfavicon.icoファイルを、ココログの投稿画面からアップロードしてURLを控えておきます。
そして、各テンプレートの<head>～</head>の間に、以下の記述を追加します。
<link rel="SHORTCUT ICON" href="http://kazz7.air-nifty.com/tekito/files/favicon.ico" />

最後に、再構築すればOK。

Firefoxでいざ表示！
どうやら上手く行ったようです。何かちょっとブログがグレードアップしたような錯覚すら覚えます（笑）
後は、もうちょっとセンスのあるFaviconにするだけ……誰か作って～