ファビコン作成ツール
1枚の画像から、favicon.icoと各サイズのPNG（16〜512px）、スマホ用アイコンまでまとめて作成します。設置用のHTMLタグもコピーできます。
ここに元画像をドロップ または クリックして選択
JPG・PNG・WebP／正方形・512px以上を推奨（GIF・SVGは対象外）
スポンサーリンク
ファビコン作成ツールの使い方
ファビコン作成ツールは、1枚の画像からfavicon.icoと各サイズのPNGを一括生成できる無料ツールです。会員登録は不要で、画像がサーバーへ送信されることはありません。
- 元になる画像を枠内にドロップします。正方形で512px以上の画像がおすすめです。
- favicon.ico（16・32・48px入り）と、各サイズのPNGが自動生成されます。
- 「一式をZIPで保存」でファイルをダウンロードし、サイトのルート（例：public_html直下）にアップロードします。
- 「設置用HTML」をコピーして、サイトの<head>内に貼り付ければ完了です。
生成されるファイルと役割
ブラウザや端末によって参照されるアイコンが異なるため、複数サイズを用意しておくのが定番です。生成されるのは次の6種類＋ICOです。
- favicon.ico：16・32・48pxを1つに束ねた伝統的な形式。ブックマークやタブで使われます（PNG格納形式のICOで、主要ブラウザが対応しています／一般知識）。
- favicon-16x16.png / favicon-32x32.png / favicon-48x48.png：タブ・ブックマーク用の個別PNG。
- apple-touch-icon.png（180px）：iPhoneでホーム画面に追加したときのアイコン。
- icon-192.png / icon-512.png：Android・PWA向けの大きめアイコン。
- 元画像が正方形でない場合は、余白（透過）を足して中央配置されます。
よくあるつまずきポイント
- アップロードしてもタブのアイコンが変わらない場合、ブラウザのキャッシュが原因のことがほとんどです。時間をおくか、スーパーリロード（Ctrl＋F5）を試してください。
- 細かい文字や複雑なロゴは16pxではつぶれます。小さくても判別できるシンプルな図形・頭文字にするのがコツです。
- 元画像の背景を透過にしたい場合は、先に透過PNGを用意してから読み込ませてください。JPGを読み込むと背景色ごとアイコンになります。
スポンサーリンク
画像は外部に送信されません。
アイコンの生成もICOファイルの作成も、すべてお使いのブラウザ内で行われます。ZIP作成用のライブラリ（JSZip）は表示用に読み込むだけで、画像データを送信することはありません。