ファビコン favicon.ico ファブアイコン作成。無料でブックマークアイコン、半透過マルチアイコンが作れます。

ファビコン favicon.icoを作ろう!

ウェブブラウザで、URLのとなりに表示されているアイコンがfaviconです。
16x16と32x32と48x48ピクセルのマルチアイコンが簡単に作れます。ブックマークアイコンを作りましょう。
作成したファビコンの画像はプレビューで確認できます。詳細データ表示付き。作り方は簡単!画像を指定するだけ。
アルファチャンネル対応版は別サイトで用意していましたが本サイトでもPNGアルファチャンネル対応(半透過対応)になりました。
BMP画像の読み込みに対応しました。
■※ 条件によってはfaviconが正しく生成されない不具合が有りご迷惑おかけいたしました。現在は修正済みです(2016.2.2)

 任意の画像サイズを指定可能な版はこちら(PNGアルファチャンネル対応) ≫ 
 様々なブラウザとデバイスに対応したファビコン一括生成はこちら(PNGアルファチャンネル対応) ≫ 
16x16用画像ファイルを選択
 
32x32用画像ファイルを選択
 
48x48用画像ファイルを選択
 
指定できる画像フォーマットは PNG , GIF , JPG(JPEG) , BMP です。
PNG32(PNG24アルファチャンネル付き)画像を指定すると半透過も再現されます。
指定できるファイルは200KB以下です。
今までに作成頂いた数:780948
指定した大きさの画像がアイコン内に作成されます。
サポートしている元画像のフォーマットは PNG, GIF, JPG(JPEG), BMP です。

16x16の画像のみ作成する場合は、小画像(16x16)に画像を指定して下さい。(シングルアイコン)
32x32の画像のみ作成する場合は、中画像(32x32)に画像を指定して下さい。(シングルアイコン)

同時に複数画像を指定すると、マルチアイコンになります。
小画像(16x16)と中画像(32x32)に画像を同時に指定すると2サイズのマルチアイコンになります。
小、中、大すべてに同時に画像を指定すると、3サイズのマルチアイコンになります。
それらの画像は、それぞれ違う画像を指定しても、同じ画像を指定してもかまいません。
指定する画像サイズが作成する画像サイズと違う場合は、サイズが自動的に拡大縮小されます。

ウェブブラウザ表示目的では小画像(16x16)が必要です。このサイズの画像が含まれていなくてもブラウザが自動で縮小表示しますが、一部の古いブラウザでは画像が表示されない様です。
32x32画像しか持っていない場合は、中画像と小画像にも同じ画像を指定します。
favicon(ファビコン)とはウェブサイトやウェブページに関連付けられたアイコンのことです。ウェブブラウザではURLの左横に表示されています。お気に入りに登録するとブックマークアイコンとして表示されます。
faviconは日本では「ファビコン」と読まれることが多いです。Favorite icon(フェイバリット・アイコン)の略なので、英語ではファブアイコン(Fav-Icon)と読まれます。
多くのウェブブラウザがこのファビコンに対応しており、ブックマーク(お気に入り)リストやアドレス表示、タブブラウザではタブにファビコンが表示されます(ブックマークアイコン)
ファイル形式はICOが一般的です。最近になって、GIFやPNGもサポートされてきました。
ファビコンのウェブブラウザでの表示では16x16サイズですが、デスクトップにショートカットを置いた場合は32x32、エクスプローラーでアイコン表示にした場合48x48サイズでの表示になります。
ファビコンはICO形式であれば、16x16と32x32と48x48などの複数のアイコンを一つのファイルに格納する事が出来ます。これをマルチアイコンと呼びます。
マルチアイコンは画像が2,3個に限らず4個5個の格納も可能で、それぞれ全く違う画像を格納できます。

ファビコンは通常、ウェブサーバーのドキュメントルート(ドメインのルート)ディレクトリに favicon.ico を設置すれば認識されます。
ファビコンをルートに設置できない場合、また、ディレクトリごとで違うfaviconを表示させたい場合は<head>セクション内に以下の記述をすることで指定できます。(URLは適宜変更して下さい)

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">

ドキュメントルートにfavicon.icoを配置する場合:
<link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="/favicon.ico" type="image/vnd.microsoft.icon">

ファビコンをhrefで指定する場合は、アイコン名はfavicon.ico以外も使用できます。
typeの指定は、ICO形式の場合はimage/vnd.microsoft.iconを使用します。(互換性の問題その他で、image/x-iconを指定する場合もあります)
GIF形式はimage/gif , PNG形式はimage/png を指定します。

ファビコンを初めて設置した直後はすぐには表示されない場合があります。何度かリロードしたり、キャッシュを削除してみてください。
faviconを更新した場合は古いキャッシュの削除が必要な場合があります。履歴を削除すると表示される場合もあります。

このサイトのfavicon.icoは、3サイズのマルチアイコンになっています。
(16x16) (32x32) (48x48) このように違う画像を一つのアイコンに含めることが出来ます。
ショートカットをデスクトップに置いてみてください。32x32サイズの画像が表示されます。またはエクスプローラーでアイコン表示です。
エクスプローラーで並べて表示、または縮小版で表示させると、48x48の画像を見ることが出来ます。
(古いfavicon.icoのキャッシュが残っている場合、このように表示されない場合もあります。)
このサイトについてのお問い合わせはエーオーシステムまでお願いいたします。
ご使用上の過失の有無を問わず、本プログラムの運用において発生した損害に対するいかなる請求があったとしても、その責任を負うものではありません。
このサイトでお気付きの点がございましたら
ご連絡いただけますと幸いです。
Eメール(任意)
送信内容
 
このサイトでお気付きの点がございましたら
ご連絡いただけますと幸いです。
 
Eメール(任意)
送信内容
 
このサイトでお気付きの点がございましたら
ご連絡いただけますと幸いです。
 
Eメール(任意)
送信内容
 
top of page