歩行者たっくんの戯言 Faviconを作ろうのコーナー(ぉ

ブログ初心者でありつつもがんばっていこうと考えている私のブログ作成が忙しくて止まっている状況なのですが(２ヶ月でトラックバックとアクセス解析置いたくらいしか変わってなかったりする)，なんとか更新していきたいと思いFaviconに手をかけることにしました．

まずFaviconというものですがFavorite icon(訳すと「お気に入りアイコン」)の略です(詳しくは WikipediaのFaviconへのリンクをご覧ください)．具体例としてはYahoo!JAPANとかを開いたときにアドレス欄に独特なアイコンが表示されますよね．これのことです．

一応，作成方法を書いてみました．詳細は ---続きを読む--- で．

Faviconの作成方法ですが，簡単に言ってしまえば，
(1)画像を作る
(2)htmlの<head>と</head>の間に一文放り込む
(3)確認は，いったんキャッシュを消す(Sleipnirは個人情報削除のFaviconをキャッシュの削除を行ってください)
(4)そのページを開いてみる．
以上(゜▽゜)!!

正直，ウィキ見ると結構書いてあるのでこんな説明でもいいかなぁと思う自分がいる．詳細開かせて他のページ見させるのはどうかと思うので，一応順番に説明させてもらいますけどね．
(1)画像の作成ですが，基本的にグラフィックソフト(ペイントでも可)で作ります．大きさは16×16です(これ以上の大きさはブラウザによって対応されていません)．形式は全ブラウザで表示できるようにicoにしたいのですが，ソフトで作成後はpngかbmpくらいにしておいてください．フリーソフトでこんなのがあるので大丈夫ですよ．Ｐｉｘ Verver1.0でpng,bmp,jpeg,icoの相互変換が行えるのです(実はWEB上でできるらしいですFavicon Japan!!とかですね)．
しかし，今ではなんとブラウザで作成することもできるみたいですねぇ(ここまで読む前に作ってしまった人は罠にかかりましたよ)．それが ICON EDITOR(正直CNET関係と思ってしまうFaviconはどうなのかと思ってしまうが…)です．「しかし」とか言ってましたが大したことないのですがね，ペイントでできるし…．
(2)htmlに一文

<link rel="shortcut icon" href="http://example/favicon.ico">

を入れてあげればできます．一応ウィキに書いてあるように２文書いてもおーけーです(データタイプ指定はしなくても大丈夫だと思うので省略しました．不安ならばウィキを参照して追記をお勧めします)．上記文でhttp…(略)はその作ったアイコンのURL(ブログとかだとそのアップロードしたファイルを指定してください)

今日はこのくらいでっ(自分のFaviconを作成をしないとなので…ｗ)．

というか説明してきたけど…うまくいくのだろうか…．

Trackback（） Comment（0）

≪ 32 31 30 29 28 27 26 25 24 23 22 ≫
HOME

Comment

この記事にコメントする

Trackback

この記事にトラックバックする：

≪ 32 31 30 29 28 27 26 25 24 23 22 ≫
HOME

言語変換

若干言語変換が可能です．
ちょっとしたお楽しみ要素と受け取ってください．

お名前：
URL：
メール：
文字色：
タイトル：
コメント：
パス：