favicon(ファビコン、お気に入りアイコン)を作ってみた
このブログのfavicon(ファビコン)をつくってみました。
ファビコンとは、favorite icon = お気に入りアイコン、ということで、
オリジナルのファビコンを用意しておけば、お気に入り(ブックマーク)の
アイコンとして表示される、というものです。
ブラウザのお気に入りを見てください。
標準の青い「e」のファビコンのお気に入りと、
それとは違うオリジナルのファビコンのお気に入りがありませんでしょうか。
オリジナルのものは、目をひきますよね。
ちょっとしたことですが、こういうところで他と違う!
というオリジナリティを出すことによって、あなたの
ブログに来るユーザを増やせるかもしれません。
私のファビコンですが、
サイドバーのプロフィールのところに
「お気に入りに追加する」ボタンを設置しましたので
ボタンを押して、どんなものか確認してみてください(笑)
ファビコンの作り方はとても簡単です。
まず、ファビコンにする画像を用意します。
写真でも、文字でもなんでもいいのですが、サイズを 16x16ピクセルと
非常に小さくしないといけませんので、
小さくなっても判別できるような、あまりごちゃごちゃ
していないものがよいでしょう。
今回私は「ペイント」でマウスをつかって文字を書きました。
適当なサイズでかまいませんが、画像が正方形になるように
書きましょう。
ファビコンにするためには拡張子「.ico」のファビコンフォーマット(?)に
変更する必要があります。
いろいろ方法はありますが、一番手軽な(だと私が思っている)
IrfanView (いーふぁんびゅー)を使うのがよいと思います。
IrfanView
http://www8.plala.or.jp/kusutaku/iview/
IrfanViewはとっても手軽につかえる無料の画像処理ソフトです。
画像を見るビューワとしても軽いですし、この機会にいれて
使ってみてください。
ファビコン用に用意した画像を、IrfanView で開きます。
「画像」メニューの「リサイズ/リサンプル」の設定で、
「新しい大きさを設定する」というところで
幅「16」、高さ「16」
に設定して、「OK」を押します。
かなり小さな画像になったと思います。
このとき、ちゃんと画像が認識できるかどうか
(文字なら読めるかどうか、絵なら何が書かれているか判別できるか)
をチェックして、ダメなら書き直しましょう。
文字なら太く書くのがコツです。
16x16にリサイズしてちゃんと判別できる画像であれば、
「ファイル」メニューの「名前を付けて保存」で
「ファイルの種類」を「ICO - Windows Icon」にして、
ファイル名は「favicon.ico」にして
保存します。
このファイルをサーバにアップロードします。
ファイルはどこでもよいですが、画像フォルダがわかりやすいでしょう。
(ファビコンをルートフォルダにおいてやれば、以下のタグは書かなくても
とりあえずは動きます)
最後のしあげとして、
ファイルの場所を指定します。
以下のタグを、<head>と</head>の間に記述してやります。
<link rel="shortcut icon" href="http://ブログのURL/image/favicon.ico">
↑
このURLはファイルを置いたところを指定してください。
ブログのテンプレートの
・メインページ
・アーカイブページ
・エントリーアーカイブ
・カテゴリアーカイブ
・日別アーカイブ
(あれば月別アーカイブなども)
のすべてに記述します。
(MTの場合。他のブログサービスの場合はどうなんでしょう・・・)
サイトを再構築します。
自分でお気に入りに入れて、ファビコンがオリジナルのものになったことを
確認しましょう。
この記事がよかったと思ったらクリックして投票してください♪
Posted by nanka : 19:54 | Comments (3) | Trackbacks (0) | Page Top ▲
trackbacks
trackbackURL:


comments
「お気に入り」ボタンって、IEのみ作動するんですよね?w
さっき、ポチっとやってみたら、ダメでした(´・ω・`)ショボーン…
ちなみに、あたしはFFです。
ファイナルファンタジーじゃないよ?w
(ちょっと前まで、あたしは、こう思ってましたw)
で、ファビコンもIEしかダメなのかな?
やはり、反映されなかったです(´Д⊂グスン
でも、目立つことは確かですね♪
サイト名を確認しなくても、すぐ誰のページかわかりますから♪
>かのこさん
お気に入りに追加ボタンは、IEだけのようですねぇ
すみません!
FireFoxやSleipnirなどでも共通で使えるボタンが
あればいいのですが・・・
ファビコンは、FireFoxでも有効ですよ!
ただし、最初にブックマークしただけではだめで、
そのブックマークをつかって
そのサイトに飛んでみないといけないようです。
試してみてくださいー
FireFoxのブックマークのファビコン表示について。
私がつかっている FireFox 1.5 では上記の方法で
表示されるのですが、
FireFox 2.x だと表示されないようです(未確認?)