アクセスアップ

favicon(ファビコン)をかんたん生成

画像ファイルをアップロードしてfaviconを生成できます。

faviconというのはブラウザのアドレスバー(urlを入れるとこ)にチョコンと表示されるオリジナルデザインの小さなアイコンです(うちのはコレ→favicon)。個性的なfaviconでライバルサイトに差をつけちゃいましょう!

対応ファイルはgif, png, jpgの3種類。
アップロードできるファイルのサイズは500 KBまで。
透過gif、透過pngをアップロードすると透過のままで出力されます。
拡張子をつけてアップロードしてください。
ファイル名は英数半角と-(アンダーバー)のみ。

画像ファイルをアップロード:
認証コード  画像の英数字を半角で→ 

faviconかんたん導入法
  1. このページのツールでfaviconをつくってダウンロード。
  2. "favicon.ico" をサーバにアップロードする。
  3. htmlの<head>~</head>内に以下のコードを記述する。http://www.yourname.com/path/to/ はfaviconへのパス。相対パス/絶対パスどちらもオッケー。
  4. 完成!
かっこいいfaviconをつくるためのヒント

このオンラインツールは「手抜きしてfaviconをつくる」ためのものだったりするのですが、これでもまだ「元ネタ画像をつくるのがめんどくさい/うまくつくれない」という方も多いでしょう。16x16の小さな世界で自己表現をするのはかなりの才能を要します。そこでおすすめするのがフリーで配布されているアイコン集。"free icon" なんていうキーワードで検索するとたくさんでてきます。その中から気に入った絵を選んで自分のfaviconをつくれます。コツとしては、複雑な図形は避けて、シンプルなマーク類(ハートとか)を元ネタ画像に選ぶと結果良好です。注意!フリーのアイコンや素材画像を使う場合は、作者が定めるライセンス許諾を守りましょう。

参考サイト → http://www.iconarchive.com/

もっとfavicon!

faviconといえば、こちらのサイトの情報量が豊富です↓

オススメ → Favicon Japan!! -16×16の小宇宙ファビコン

設置法のページにはApacheのhttpd.confによる設定の仕方やRSSリーダーで表示させる方法等がわかりやすくまとめられています。その他モロモロ使えるネタ満載で、faviconづくしの専門サイト。ていうかこのツールと同じ機能の生成フォームが既にあったりします。うちはモロ後発なのであります。

ウィキペディアのファビコンのページも初心者の方にはわかりやすいかも↓

参考サイト → ウィキペディア :: ファビコン

オサレなfavicon!

数々のきれいなデザインを参考にしてください↓

Creative Favicons: When Small Is Beautiful
Inspire Yourself: 50 Remarkable Favicons
Inspire Yourself: More Creative Favicons
MpP Favicon Gallery

[ 注意点 ]

※".ico" という拡張子が認識できないためにうまく表示されないときがあります。そのときにはサーバ管理者に問い合わせてみてください。

FAVICON GENERATOR scripted by 3OT NET
trans
相互リンクすればますます×100アクセスアップ
trans
ヒップで独創的なウェブデザイン。在名古屋。
3ot.net
利用規約
お問い合わせフォーム
よくあるご質問
ウェブデザイン
アクセスアップ