「ファビコン（favicon）ってどうなのよ」

ファビコンつけました。

ブラウザのアドレスバーやお気に入りに表示されるマークです。

このブログの場合ではこんな感じ。

yahooなら赤い「Y!」マークが表示されております。

HMFにはタイトルと同じハートマーク、Q&AにはQの文字にしました。

簡単に設置できますし、HTML編集できるブログサービスでも設置可能です。
作成も簡単ですし、面倒なら素材サイトさまからお借りすることもできます。

ファビコン（favicon）とは？

FAVICONとは：Faviconメーカー
 Favicon(ファビコン)とは?：PC用語集

ファビコン（favicon）の作り方

お気に入りアイコン（ファビコン）の作り方：TAG index

簡単にファビコン（favicon）を作っちゃう

ファビコンメーカー
 Favicon Japan
FavIcon from Pics

おおまかな作成・設置手順
ファビコン画像があれば3分で完了します。

1. ファビコン用の画像を用意

画像ソフトなど使って自分で作るもよし、素材サイトからお借りするもよし。
写真でもできないことありませんが、小さくなると何か分からなくなります。

●正方形の画像を用意する
●なるべく小さめの画像を作成・用意する
　（大きいと縮小した時、画像が雑になります）
●GIF、JPG、PNGのいずれかで保存する

2. ファビコン用のアイコンを作る（画像変換する）

上で紹介している「簡単にファビコンを作っちゃう」サイトさまで簡単に作れます。
変換できたら自分のPCに保存しておきます。
（ファイルは『 ○○○.ico 』に変換されています）

3. ファビコンをアップする

サーバーにアップします。
ブログの画像・写真ファイルをアップするのと同じ要領です。

4. HTMLを編集する

テンプレートの<head>～</head>内に、以下のタグを追記します

<link rel="shortcut icon" href="ファビコンのＵＲＬ">

このブログの場合
<link rel="shortcut icon" href="http://hamster-santa.info/img/hs.ico">
となっております。

ファビコンのメリットは差別化と個性。
悪く言うと自己満足。

Firefoxでは比較的まともに表示されるようですが
IEでは表示されたりされなかったりと不安定なようです。
≫Favicon Japan!! -ブラウザ別ファヴィコン対応表-

--------------------------------------------------------

ウチではブラウザはLunascapeをメインで使っており
現在IEは全く使っておりません。

常に２～１０ウィンドウ立ち上げて作業することが多いので
タブ型ブラウザでないととっても不都合なのも理由のひとつなのですが
『お気に入りにファビコンが並ぶと見づらい、見難い、探しにくい』
とファビコンに嫌気がさしちゃったのも理由のひとつです。

通常、お気に入りには黄色いフォルダと青い「e」マークがずらずらと並びます。
ここに２，３個だけファビコンがあると目だっていいのですが
２０～３０もあると見難くてしかたない。
ブックマークが多くなるにつれ、とてもにぎやか（探しにくい）になってしまいました。

愛用していたLunascape1.4.1にはファビコンが表示されず
シンプルで使いよかったのですが、たまにJAVAOFFになる不都合に苦悩。

先日PC動作快適化のためにメモリ増設したついでに
メインブラウザをLunascape3 Liteに変えることにしました。
するとアドレスバーになつかしいファビコンの姿が。
つい、「んじゃあウチも」と設置してしまった次第でございます。
（Lunascapeではお気に入りにはファビコンが表示されません）

　　ハムスターブログに応援ありがとうございます

HOME > sb・serene bach > サイト運営 > 「ファビコン（favicon）ってどうなのよ」

【関連記事】

【TRACKBACK URL】　※トラックバックの際のお願い

【TRACKBACK】

COMMENTS

こんにちわ～

初めて知りました（恥...）　＞ファビコンの名前
実は前々から「いいなぁ～欲しいなぁ～」と思ってたんですよね
でもどうやるかわかんなかったし　調べようにも名前が分かんないのでは。。。

おかげで理解しました！
そして作っちゃいました！（まだブサイクですけど）
これから試行錯誤して　かわゆいのを作ります

はむのお勉強だけじゃなくて　こんなことまで教えて頂いて大感謝です～
ありがとうございました

| ねこ | 2006/05/24 04:26 PM |

ねこさん、こんちゃ～[うぃんく]

ねこさんも作ってしまわれてのですね[拍手]
私もこれが限界です[が～ん]
上手に作る方は本当に凝ってらっしゃるのですごいです[わお]

たくさん丁寧に説明・解説してくれているサイトさまには頭が下がります。
本当に参考になりますよね[ぽっ]

| sannta | 2006/05/25 03:13 PM |

はじめましてこんにちわ。
私もSB2を利用し、且つLunascape愛用者です。
ファビコンいいなっと思って私も以前作ってみたのですが
LunascapeとIEで表示されなかったので、
ま、いいかってやめちゃったんですよ。
と言うのもLunascapeはバージョン1.1（！）と言うかなり古い
バージョンを愛用してるもので、今のLunascapeはかなり
変わったなって驚きです！
今のLunascapeのタブって上に表示されてますよね。
1.1のタブは画面下に表示されていてそこが気に入ってるものだから
バージョンアップする気も他に乗り換えるつもりもないんですよ。
おかげで時たまJavaOFFになってしまいますが
そこは地道にFirefoxと併用して乗り越えてます（笑）。

| なか | 2006/06/22 05:27 PM |

なかさん、初めまして[うぃんく]
コメントありがとうございます。

Lunaは1.1ですか[わお]
3シリーズより1シリーズの方が正直使いやすいと思います。
今でも3Liteと1.4.1を併用して使っております[焦っ]
タブが下に出るっていうのが新鮮です[わお]
JavaOFFはウチだけじゃなかったんですね。

タブやアドレスバーにファビコン表示されるのに慣れていなかったので
最初は使いづらかったですが今は気にならなくなりました。
お気に入りにファビコン並ぶIEはさすがに使いづらいです[が～ん]
IE7も試してみたいですけど、やっぱりLunaを使い続けると思います[ぽっ]

| sannta | 2006/06/23 01:17 PM |