画像ファイルをアップロードしてfaviconを生成できます。
faviconというのはブラウザのアドレスバー(urlを入れるとこ)にチョコンと表示されるオリジナルデザインの小さなアイコンです(うちのはコレ→)。個性的なfaviconでライバルサイトに差をつけちゃいましょう!
- このページのツールでfaviconをつくってダウンロード。
- "favicon.ico" をサーバにアップロードする。
- htmlの<head>~</head>内に以下のコードを記述する。http://www.yourname.com/path/to/ はfaviconへのパス。相対パス/絶対パスどちらもオッケー。
- 完成!
このオンラインツールは「手抜きしてfaviconをつくる」ためのものだったりするのですが、これでもまだ「元ネタ画像をつくるのがめんどくさい/うまくつくれない」という方も多いでしょう。16x16の小さな世界で自己表現をするのはかなりの才能を要します。そこでおすすめするのがフリーで配布されているアイコン集。"free icon" なんていうキーワードで検索するとたくさんでてきます。その中から気に入った絵を選んで自分のfaviconをつくれます。コツとしては、複雑な図形は避けて、シンプルなマーク類(ハートとか)を元ネタ画像に選ぶと結果良好です。注意!フリーのアイコンや素材画像を使う場合は、作者が定めるライセンス許諾を守りましょう。
参考サイト → http://www.iconarchive.com/
faviconといえば、こちらのサイトの情報量が豊富です↓
オススメ → Favicon Japan!! -16×16の小宇宙ファビコン
設置法のページにはApacheのhttpd.confによる設定の仕方やRSSリーダーで表示させる方法等がわかりやすくまとめられています。その他モロモロ使えるネタ満載で、faviconづくしの専門サイト。ていうかこのツールと同じ機能の生成フォームが既にあったりします。うちはモロ後発なのであります。
ウィキペディアのファビコンのページも初心者の方にはわかりやすいかも↓
参考サイト → ウィキペディア :: ファビコン
数々のきれいなデザインを参考にしてください↓
Creative Favicons: When Small Is Beautiful
Inspire Yourself: 50 Remarkable Favicons
Inspire Yourself: More Creative Favicons
MpP Favicon Gallery
[ 注意点 ]
※".ico" という拡張子が認識できないためにうまく表示されないときがあります。そのときにはサーバ管理者に問い合わせてみてください。