<img alt="favicon.ico（ファビコン）をJPG, PNG, BMP, GIFから生成" src="http://web-marketing.zako.org/images/Bradicon.jpg" width="250" height="250" />
<p>favicon.icoファイルを作るサービスなんてたくさんある。しかしシンプルであればシンプルなほどいいのではないかとも思う。そしてどうせ紹介するならちょっとクールなサイトのほうが尚良い。という独断と偏見からログイン不要のfavicon.icoファイル作成サービスをご紹介。</p>

<!--more-->
<h3 class="header-label">favicon.ico作成サービス「Bradicon」</h3>
<p>「Bradicon」が対応する画像ファイルは以下の通り。</p>
<ul>
<li>JPG</li>
<li>PNG</li>
<li>BMP</li>
<li>GIF</li>
</ul>
<p>これらのファイルをアップロードするだけで32×32サイズのicoファイルが作成されてダウンロードできるんです。</p>
<p class="picture"><img alt="Bradicon-2.jpg" src="http://web-marketing.zako.org/images/Bradicon-2.jpg" width="400" height="282" />
参照する画像を選択すると、自動的にfavicon.icoファイルが作成されます。意外と綺麗にできちゃうもんです。</p>

<p class="picture"><img alt="Bradicon-3.jpg" src="http://web-marketing.zako.org/images/Bradicon-3.jpg" width="400" height="214" />
<a class="web-site-link" href="http://ico.bradleygill.com/simple.php" onclick="window.open('http://ico.bradleygill.com/simple.php'); return false;">シンプルバージョンのページ</a>には、今までに作成したfavicon.icoが一覧化されます。</p>
<img class="floatleft" alt="favicon-ico.jpg" src="http://web-marketing.zako.org/images/favicon-ico.jpg" width="44" height="42" />
<p>作ったfavicon.icoをアップすると、<br />
こんな感じになりました。</p>
<p>このサクサク感を体感してみたい方は<a class="web-site-link" href="http://ico.bradleygill.com/advanced.php" onclick="window.open('http://ico.bradleygill.com/advanced.php'); return false;">Bradicon!</a>へどうぞ。</p>

<h4 class="header-label">faviconの表示の仕方</h4>
<p>ついでなのでfaviconの設置方法も。</p>
<ol>
<li>faviconを設置したいサイトのトップディレクトリ（※基本は）にfavicon.icoファイルをアップロード（※ファイル名の基本は「favicon.ico」）</li>
<li>表示させたいページの&lt;head&gt;から&lt;/head&gt;の間に下記のタグを貼り付け<br />
<code>&lt;link rel=&quot;shortcut icon&quot; href=&quot;サイトのURL/favicon.ico&quot; /&gt;</code><br />
HTML 4.01の場合は下記のタグを<br />
<code>&lt;link rel=&quot;shortcut icon&quot; href=&quot;サイトのURL/favicon.ico&quot;&gt;</code></li>
<li>サイトを表示させて確認してみる</li>
</ol>
<p>シンプル且ついいものができるサービスって素晴らしい。どうしてもいろいろ機能が付いていることを求めてしまいがちなんだけど。実は人が欲しているものはそういうものではなかったりする。こういった考え方も重要ですよね。</p>
<p>Via：KillerStartups.com</p>

<div class="a-wrap pkg"><div class="a-left-box"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4767802504%26tag=snowboadteamz-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4767802504%253FSubscriptionId=028QVM5GAF1MWA4NBMR2" target="_blank"><img class="a-img" src="http://ecx.images-amazon.com/images/I/515D1QZTF1L._SL160_.jpg" alt="HTMLとスタイルシートによる最新Webサイト作成術―ホームページでなにを伝える?どう作る?" /></a></div><div class="a-right-box"><div class="a-top-inner"><form class="a-cart-form" method="post" action="http://www.amazon.co.jp/gp/aws/cart/add.html" target="_blank"><input type="hidden" name="AssociateTag" value="snowboadteamz-22" /><input type="hidden" name="SubscriptionId" value="028QVM5GAF1MWA4NBMR2" /><input type="hidden" name="ASIN.1" value="4767802504" /><input type="hidden" name="Quantity.1" value="1" /><input type="image" name="submit.add-to-cart" src="http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif" /></form></div>
<dl><dt>HTMLとスタイルシートによる最新Webサイト作成術―ホームページでなにを伝える?どう作る?</dt><dd>価格：<span class="a-price-text">￥ 1,890</span></dd><dd>平均評価：4.5</dd><dd>納期：通常24時間以内に発送</dd><dd><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4767802504%26tag=snowboadteamz-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4767802504%253FSubscriptionId=028QVM5GAF1MWA4NBMR2" target="_blank"><br />Amazon で詳細を見る</a> by <a href="http://astore.amazon.co.jp/snowboadteamz-22" title="WEB担当者専門書店" target="_blank">WEB担当者専門書店</a></dd></dl>
</div></div>