[May 6, 2005]

ファビコン(favicon)

Category: Web

このブログのファビコンを作ってみました。

▼モダンブラザーの方にはアドレスバーのURLの左にファビコンが表示されていると思います。
bitbizdesign-icon.gif

えっ、私もと言う方のためにメモしておきます。

■ファビコンの制作・設置方法

  1. 16×１６ピクセルでファビコンの画像を作る。favicon.ipgとして保存
  2. Favicon Japan!!http://www.favicon.jp/にアクセス。
  3. Favicon自動生成でファビコンを作成。ダウンロードする。
  4. ダウンロードしたファイルは『favicon.ico』としてローカルのデスクトップに保存されている。
  5. このfavicon.icoを任意の名称に変更する。（このブログの場合は『bbd.ico』にしました）
  6. ftpでindex.htmlと同じ階層にアップロードする。（このブログの場合はhttp:bitbizdesign.com/bbd.ico/)
  7. ファビコンを表示させたいページの<head> </head> 内に下記を記述
    <link rel="shortcut icon" href="ファビコンまでのパス/任意の名称.ico" />
    このブログの場合は
    <link rel="shortcut icon" href="http://bitbizdesign.com/bbd.ico" />

で履歴、キャシュをクリアーして終了です。

■MTの場合
メインページ、アーカイブの各テンプレートに
<link rel="shortcut icon" href="<$MTBlogURL$>bbd.ico" />
を追加して再構築します。
bbd.icoはこのブログの場合で、あくまででも『任意の名称.ico』になります。

一般的に『favicon.ico』でアップロードするような説明が多いようですが、うまくいかない事があります。
サイトのタイトルに合わせて『◯×.ico』とした方がスムーズにいきます。

【注意点】

  1. 元画像を制作する場合は最初から16ピクセル角で制作した方が、画像が荒れません。
  2. 任意の名称は半角英字です。

是非、トライしてみてください。
うまくいかない場合はコメントしてください。サポートさせて頂きます。

by Harada Hiroki : May 6, 2005 9:53 PM

Tag: ファビコン

Amazon Search

Trackbacks

Trackbacks URL:
http://bitbizdesign.com/mt/mt-tb.cgi/115

▼この一覧は、次のエントリーを参照しています: ファビコン(favicon):

» Movable Type のカスタマイズ（ファビコン）
送信元 :WAVE ログ

WAVE ログ
メインページ，アーカイブなどファビコンを表示させたいページの各テンプレートの &... [詳しくはこちら]

トラックバック時刻: August 30, 2005 6:13 AM

» favicon.ico（お気に入りアイコン）設置
送信元 :KAZUの挑戦日記

KAZUの挑戦日記
faviconについて favicon(ファビコン）とは、そのサイト独自のアイコンのこと。 IEだと、お気に入りに入れたとき、そのサイトが自分のfavic... [詳しくはこちら]

トラックバック時刻: December 30, 2005 12:46 AM

Comments::コメント

やっとMTでFavicon設置できました！
サーバにfavicon.icoでアップしていたので、ずっとできなかったのですが、
名前を変えたらできました！！！
すごいうれしいです。とっても参考になりました！ありがとうございます。

by skynuts Site icon : August 22, 2005 8:03 PM

skynutsさん、喜んで頂だいて、とても嬉しいです。

faviconの設置に関する情報はネット上に多く掲載されているのですが、その通り設置しても何故かうまく行きませんでした。
そして、何故か名前を変えるとうまくいくんですよね、不思議。
うまく行った時、僕も、とても嬉しかったです。

skynutsさんにコメントして頂いて、このエントリーをした時のHappyな気持ちを思い出しました。コメントして下さって、ありがとうございました！

by はらだ Site icon : August 23, 2005 12:04 AM

TBさせていただきました！
自分はMTでfavicon.icoのままでうまくいきました。（少なくとも自分のところでIEで見る限りは・・・）
トップページに設置するだけで、それ以下のページ全部にアイコンが表示されるのが嬉しいですね！
･･･と書いておきながら、もしなっていなければ是非教えて下さい。

by Kazu Site icon : December 30, 2005 12:51 AM

Kazuさん、先程サイトへお邪魔いたしました。
ファビコン確かに表示されていましたよ。

by はらだ Site icon : December 31, 2005 2:11 AM

“ファビコン(favicon)”へのコメントを書く




保存しますか?