元画像はどんなものを用意すればいいですか？

512×512px以上の正方形のPNG画像がおすすめです。正方形でない画像は中央が切り取られる場合があるため、あらかじめ正方形にトリミングしておくときれいに仕上がります。

生成したファビコンはどうやってサイトに設置しますか？

生成されたファイルをサイトのルートディレクトリにアップロードし、HTMLの内にのようにlinkタグを記述します。Appleタッチアイコンはで指定します。

アップロードした画像がサーバーに送信されることはありますか？

ありません。変換はすべてブラウザ内のJavaScriptで行われ、画像が外部に送信されることはありません。

Favicon生成ツール

画像をドラッグ&ドロップするだけで、様々なサイズのファビコンを一括生成します。ブラウザ内のJavaScript処理のため、画像データが外部に送信されることはありません。

📁

画像ファイルをここにドラッグ&ドロップ

またはクリックして選択

対応形式: JPG, PNG, GIF, WebP

元画像

生成されるファビコン

標準サイズ: 16×16, 32×32, 48×48 (favicon.ico用)
高解像度: 64×64, 128×128, 256×256
Apple Touch Icon: 180×180 (iOS/iPadOS用)
Android Chrome: 192×192, 512×512
Microsoft Tile: 144×144

ダウンロード

生成されるファイルの説明

favicon.ico

従来から使用されている標準的なファビコン形式。複数のサイズ（16×16、32×32、48×48）を1つのファイルに格納。

使用場所：ブラウザのタブ、ブックマーク、デスクトップショートカットなど

favicon-16x16.png / favicon-32x32.png

最も基本的なサイズのファビコン。現代のブラウザで広く使用される標準サイズ。

使用場所：ブラウザタブ、ブックマークバー

apple-touch-icon.png (180×180)

iOS/iPadOSでホーム画面に追加した際に表示されるアイコン。高解像度ディスプレイに対応。

使用場所：iPhoneやiPadのホーム画面

android-chrome-192x192.png / android-chrome-512x512.png

Androidデバイスで使用されるアイコン。PWA（Progressive Web App）にも対応。

使用場所：Androidのホーム画面、PWAアプリアイコン

mstile-144x144.png

Windows 8/10のタイル表示用アイコン。スタート画面でのピン留め時に使用。

使用場所：Windowsのスタート画面、タスクバー

favicon-256x256.png

高解像度ディスプレイ用の大きなサイズ。将来的な用途に備えた汎用サイズ。

使用場所：高解像度ディスプレイ、特殊な用途

使い方

正方形の画像（PNG推奨）をドラッグ＆ドロップまたは選択します。
各サイズのファビコンが自動で生成され、プレビューが表示されます。
必要なサイズを個別に、またはzipでまとめてダウンロードします。

よくある質問

元画像はどんなものを用意すればいいですか？: 512×512px以上の正方形のPNG画像がおすすめです。正方形でない画像は中央が切り取られる場合があるため、あらかじめ正方形にトリミングしておくときれいに仕上がります。
生成したファビコンはどうやってサイトに設置しますか？: 生成されたファイルをサイトのルートディレクトリにアップロードし、HTMLの<head>内に<link rel="icon" href="/favicon.ico">のようにlinkタグを記述します。Appleタッチアイコンは<link rel="apple-touch-icon" href="/apple-touch-icon.png">で指定します。
アップロードした画像がサーバーに送信されることはありますか？: ありません。変換はすべてブラウザ内のJavaScriptで行われ、画像が外部に送信されることはありません。