急に思い立って、ブログにファビコンを設置してみました。
オンラインで変換できるサイトもあったので、ものの数分作業。
１．まず、画像を用意します。
私の場合はPhotoshopで作成しました。
16×16ピクセルがベストですが、少々大きくても大丈夫。
２．Favicon From Pics に行って、画像をアップ。
３．作成した画像をダウンロード
テストアップしたので３つありますが、初めての場合は１つだけ表示されます。
※Customizeをクリックすると、カスタマイズも出来るみたいです。
４．ダウンロードしたzipファイルを解凍。
解凍した中のfavicon.icoをFTPでブログのトップデレクトリにアップ。
５．ブログのヘッダにタグを追加
<head></head>の間に
を追加します。
私はAdd-Meta-Tagsプラグインを入れているので、
MATAタグ拡張の欄に記述を追加しました。
これで作業完了。
上手く表示されない場合は、ブラウザを一度終了させると、反映されます。
IEの場合は、全履歴を消さないと反映されない場合もあるみたいです。
今回は以下のページを参考にさせていただきました。
ブックマークのアイコン favicon.ico ためした
タグ：サイト制作｜パソコン
- Newer: CORESERVERでのアクセス制限
- Older: iPad発売
コメント:2
- たかはし＠札幌 10-06-02 (水) 1:07
-
何年か前に、窓の杜あたりからフリーのico ファイル生成ソフトウェア入手して、当方で新しいサイト立てるたびに ico ファイルは作っとります。
今どきのWebブラウザはただでさえ、favicon.ico を無条件要求してくるので、このファイル無いと、Apache ログに膨大な数の
‘[error] File does not exist: favicon.ico’みたいなのが残るのでとても目障り。
それを回避したいというのが動機だったす（爆）提起のものはそれはそれで便利だけれど、提供形態がクラウド的なのがちょっと嫌かも。。
- くろむ 10-06-02 (水) 9:55
-
そうそう、favicon.icoを無条件要求してくるんですよね。
困ったものです。
何時頃からそうなったのかよく判らないんですが。私も手軽に作れるフリーソフトも何個か見つけたのですけど、
上記のサイトは、ブラウザ上で加工出来て、OSも関係ないですし、知識も必要ないので、誰でも使えて便利かなぁと思います。
他サイトも順次ファビコンを作成してゆくつもりです(^_^)
トラックバック:1
- この記事のトラックバック URL
- http://1day.sorezore.net/2010/05/28/3939/trackback/
- トラックバックの送信元リスト
- ファビコンの作り方 from サツぽろ、ニッキ。
- pingback from ファビコンの作り方 つづき - サツぽろ、ニッキ。 10-06-11 (金) 18:31
-
[...] 前回書いた、ファビコンの作り方で紹介した、Favicon From Picsもいいのですが、別なツールを見つけました。 [...]
![TIGER&BUNNY(タイガー&バニー) 6 (初回限定版) [Blu-ray]](http://ecx.images-amazon.com/images/I/51f6uLuLXLL._SL160_.jpg)
