« Internet Explorer 7とサイトアイコン表示 | トップページ | ココログでfavicon表示できました »

2008年2月29日 (金)

サイトアイコンfavicon作りと通常サイトへの反映

マイクロソフト社のサポートサイトウィキペディア(Wikipedia)はじめ,いくつかのサイトを参照させてもらったら,次のようにすればサイトオリジナルアイコン,favicon(←Favorite icon)と称するようだ,が表示されそうである.

(1)16ドット×16ドットのfaviconを作り,アイコンファイル形式(.icon)に変換し,ウェブサーバーのルートディレクトリに置く.これだけでもルートディレクトリ以下のどのページをお気に入りに登録してもfaviconが表示されるそうである.

(2)逆にページ毎に違うfaviconを表示させたい場合は当該ページHTMLファイルの<head>~</head>タグ間に<link rel="shortcut icon" href="favicon.ico">と記述すればよいようだ.ルートディレクトリに置いて,全ページ共通にする場合もこのリンクを書いておくのが無難なようである.

とりあえずアイコンをお絵描きソフトで作って,ビットマップ形式(.bmp)で保存し,そのエクステンションを勝手に.iconと書き替えてみた.すると表示されるデザインが,部分的に色が元のbmpのものとは,微妙に,場合によってはかなり違ってくるのですね~まあ,アイコンファイル形式というものを理解していないので,何故かはまったく知る由もないが.....

そこで,またもや場当たり的に調べたら,いいソフトがあるというtowofu's SOFTさんのサイト

を訪ね,@icon変換というフリーソフトをダウンロードさせてもらった.towofu's SOFTさん,どうもありがとうございました.これでビットマップ形式(.bmp)の自作アイコンを読み込んで,単純にアイコンファイル形式(.icon)で保存したら,元と同じデザインで正しく表示されるようになった.初めてでも,ものの30秒も要しない優れものだ.towofu's SOFTさん重ねてお礼申し上げます.

これができ上がったfavicon

CsiconA ←元の画像 iconB ←アイコンファイル形式に変換した画像(ただしWindows Live Writerで挿入できなかったのでビットマップ形式画像であるが,説明上見え方は同じなので転用)

C'sは,Cannergy’sでは長くて16ドット×16ドットにはとても収まらないので,中を省き,頭とお尻の文字でデザインした.

さてこれで準備はできた.とりあえず普通のウエブサイト,つまりこのブログの左サイドバーに載せた2つのサイトそれぞれのルートディレクトリに画像を,トップページのHTMLファイルに上述のlink情報を書き加えて,アップロードした.

そのサイトにアクセスしてみたが,アップしたアイコンが出ない....???.....あせった.またしてもいろいろ調べてみたら,IEのアクセスデータがPCにキャッシュされているためらしい.IE7のキャッシュをクリアし,お気に入りからサイト名を一旦削除し,IEを立ち上げ直して....いろいろやったら,ようやくアクセスされ,CsiconA がちゃんとお気に入りに表示されるようになった.あ~よかった!

さて問題はこのココログサイトだ.一つひとつの記事の中身は今現に書いているWindows Live WriterでHTML形式で見たり,書いたりできるのだが,はてトップページはどのようにしたら見たり,書いたりできるの?ルートディレクトリに画像データ(.icon)をアップロードするにはどうすんの?自分のサイトなのにそれが分らないなんて.....何と間抜けなと言うか,情けないと言うか....まあ,これから調べてみよう.

|

« Internet Explorer 7とサイトアイコン表示 | トップページ | ココログでfavicon表示できました »

ウェブログ・ココログ関連」カテゴリの記事

パソコン・インターネット」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/220822/40315102

この記事へのトラックバック一覧です: サイトアイコンfavicon作りと通常サイトへの反映:

« Internet Explorer 7とサイトアイコン表示 | トップページ | ココログでfavicon表示できました »