ファビコン作成ツール
ロゴや正方形の画像から、ファビコン一式を作成します。複数サイズ入りのfavicon.ico、ブラウザやスマホ用のPNGアイコン、Webマニフェスト、サイトに貼り付けるHTMLが揃います。すべてブラウザ内で生成されるため、元の画像がアップロードされることはありません。
画像をここにドラッグ＆ドロップ、またはクリックしてファイルを選択
背景が透明な正方形のPNGがおすすめです。ファイルは端末の外に出ません。
プレビュー
ページのheadに貼り付けるHTML
各サイズのアイコンの生成、favicon.icoの組み立て、ZIPへのまとめは、すべてブラウザ内で行われます。元の画像がサーバーに送信されることはありません。
ファビコンの設置に必要なものが全部そろう
ファビコンは、ブラウザのタブやブックマーク、スマホのホーム画面に表示される小さなアイコンです。きちんと対応するには複数のサイズと形式が必要で、手作業で作るのは面倒です。このファビコン作成ツールなら、画像を1枚用意するだけで一式が揃います。16、32、48ピクセルを収めた従来のfavicon.ico、最新のブラウザやAppleとAndroid端末向けの個別のPNG、Webマニフェスト、ページのheadにそのまま貼れるHTMLまで作成します。
ウェブ開発者、ブロガー、ショップ運営者が、画像編集ソフトに悩まされることなく、どのブラウザや端末でも鮮明で正しいファビコンを用意するためのツールです。
ファビコンの作り方
- 画像をアップロードする。背景が透明な正方形のロゴやアイコンが、一番きれいに仕上がります。
- プレビューを確認する。タブ用の16ピクセルから512ピクセルまで、各サイズでの見え方を確認できます。
- ダウンロードする。favicon.icoだけでも、すべてのファイルを含むZIPの一式でも受け取れます。
- HTMLを貼り付ける。表示されたスニペットをサイトのheadにコピーし、ファイルをサイトのルートにアップロードします。
本物の複数サイズ入りICO
favicon.icoは、16、32、48ピクセルの画像を1つにまとめた正式なアイコンファイルです。ブラウザがタブ、ブックマーク、アドレスバーに合わせて、一番鮮明なものを選べます。
Web用とスマホ用のアイコン
一式には、最新のブラウザ向けのPNGアイコン、iPhone向けの180ピクセルのApple touch icon、Androidやプログレッシブウェブアプリ向けの192と512ピクセルのアイコンが含まれます。
貼り付けるだけのHTML
マニフェストファイルと、ページのheadにコピーする短いHTMLも付いてきます。サイトへの設置は、貼り付けてアップロードするだけです。
このファビコン作成ツールが選ばれる理由
- 一式が揃う：ICO、PNGアイコン、マニフェスト、HTMLを一度に作成します。
- 本物の複数サイズ入りICO：16、32、48ピクセルをfavicon.icoにまとめます。
- アップロード不要：ロゴはブラウザ内で処理され、外に出ません。
- 透かしなし：アイコンはあなたの画像だけで、何も追加されません。
- 無料ですぐ使える：アカウントも、サーバーの待ち時間も不要です。
よく使われるファビコンのサイズと用途
ファビコンを作る一番早い方法は、ロゴの正方形のPNGかJPGをドロップして、全サイズをツールに生成させることです。作成されるfavicon.icoには、16×16、32×32、48×48の3つが1つのファイルに入っており、タブ、ブックマーク、アドレスバーでブラウザが求めるとおりの形です。16×16はブラウザのタブに表示される小さなアイコンで、32×32は高精細な画面やピン留めしたショートカットに使われます。WordPress、Shopify、通常のHTMLサイトのどれでも、このfavicon.icoをサイトのルートにアップロードし、対応するlinkタグをページのheadに貼り付ければ設置できます。
スマホやアプリ向けには、サイトをホーム画面に追加したときにiPhoneとiPadが使う180×180のApple touch icon、AndroidやプログレッシブウェブアプリのためのPNG（192×192と512×512）、Webマニフェストも作成されます。画像は収まるように縮小されて中央に配置されるので、横長のロゴ、アプリのアイコン、1文字のマークからも、整ったアイコン一式を作れます。16×16まで小さくしても見やすいのは、背景が透明なシンプルなシンボルです。