前からずっと付けてみたかったFaviconを付けてみました。Faviconとはお気に入りアイコンのことで、タブブラウザで見てる人はタブの上に表示されてるかと思います。
ちなみに自分は「
Lunascape」というタブブラウザを愛用してるのですが、最近ヴァージョンアップした所、お気に入りリストにあるアイテムがFaviconで表示されるようになって見た目にもなんか楽しいです。もちろん全部のサイトにFaviconが設定されてるわけではないですけどね。
Faviconについてちゃんと知ったのは
[ Favicon Japan!! -16×16の小宇宙ファビコン- ]こちらサイトを見てから。ファビコンと読むのもここで知りました。
ファミコンに似てるけどちょっと違う。いや全然違うか。
余談ですが、これはファミコンソフトが遊べるけどファミコンではない例
まずはFaviconに設定するためのアイコンを入手します。[ Favicon Japan!! ] サイトの方には、手持ちの画像でFavicon用アイコンを自動生成してくれる機能もあるのですが、サイズが16×16になるためわかりやすい画像じゃないと絵が潰れてしまいます。
先日の記事でも借りてきた画像をペタペタ貼らせてもらいましたが、こちらのサイト
[ rain-road ] の16ドットアイコンはFaviconとしての利用が可能だそうで。「にゃいこん」とかミニカワイイです。
そのミニカワイイアイコンを借りて一度設定してみたんですけど、せっかくなのでオリジナルのアイコンを作ってみることに。アイコン作成に使用したのはこちらのサイト
[ Many's Collection ] の「IconEditor LittleCanvas」というソフト。慣れると使い勝手が良いので、ちょっとしたドット絵や16×16アイコン・32×32アイコンがサクッと作れます。
サイト名に「バンビ」が付いてるので、安易にバンビを描いてみました。そのままだと何となくつまらないし、「スーサイド」な雰囲気を出そうかと(笑) 泣いてる感じにしてみました。う〜ん、ちょっと恐いかも。まぁいいかな。

ちなみにこのアイコン、お気に入りリストに表示させると目が潰れます・・・。ブルーな雰囲気が倍増します。それは仕様ということにしておきます。
余談ですが、これはスーサイドな気分の時に聴きたい曲の例
さて、設定の方法はブログによってまちまちだと思いますが・・・
当方FC2ブログでは、まず好きなアイコン(16×16)をファイルアップロードして、そのアイコンのURL(http://.......アイコンの名前.ico)をメモっておきます。
次にテンプレートの設定のHTML編集の所で
<head>タグ内に、自分は</head>タグの直前に記載しましたが
<link rel="shortcut icon" href="アイコンのURL"> を加えるだけです。
(*HTMLの編集をする時はやる前の状態を保存しといた方が良いです)
あとはプレビューで確認してみると、タブブラウザならタブ上に表示されてるはず。普通のブラウザだったら編集を保存して、自分のサイトをお気に入りに追加してみると、お気に入りリストにFaviconがちゃんと表示されてるかがわかるかと思います。
← こんな感じ。Faviconがあったサイトを
並べてみたら趣味全開な感じに・・・(笑)
何のサイトが気になるアレな人は以下からどうぞ。
・rockin' blues.com
・バルビレッジ
・webやぎの目
・チョコと愉快な仲間たち
余談ですが、ファミコンと言えば
[ ゲームセンターCX ] 先日見た放送では「悪魔城すぺしゃる ぼくドラキュラくん」
■というファミコンソフトをやってました。可愛らしい感じのキャラに、「画のタッチからして簡単そうだな」と余裕の有野課長。しかし、終盤に向けてどんどん難易度が高くなっていき、最後の方ではコンティニューする際にバグが出てドキッとさせられたり、結局のところクリアするまでに
14時間くらいかかってたみたいです・・・うは(=´Д`=)