ロゴ・画像をここにドロップ
クリックして選択 · または貼り付け (Ctrl/Cmd + V)
ブラウザ内で処理 · アップロードなし
別の画像をドロップ / クリック
1枚の画像やロゴから、サイトに必要な favicon 一式をまとめて作るツールです。出力は favicon.ico（16・32・48px を内包）に加え、ブラウザのタブ用 PNG（16/32px）、iOS ホーム画面用の apple-touch-icon（180px）、Android / PWA 用の android-chrome（192/512px）、そして PWA 用の site.webmanifest までを 1つの ZIP にまとめます。さらに、そのまま貼れる <head> の <link> スニペットも同梱・コピーできるので、ファイルを置いてタグを貼るだけで設定が完了します。切り出しは「正方形に切り抜く（中央クロップ）」か「全体を収める（余白は透過 or 指定色）」を選べ、背景は透過のままでも、白などの色で塗りつぶすこともできます。プレビューは市松模様の上に表示され、透過部分が一目で分かります。.ico は PNG を内包する形式で作るので、主要ブラウザ（Chrome / Firefox / Edge / Safari）でそのまま表示されます。画像はアップロードされず、すべて端末内（Canvas）で処理されます。
使い方
- 画像・ロゴをドロップ、クリックで選択、または貼り付け（Ctrl/Cmd + V）。
- 「正方形に切り抜く／全体を収める」と背景（透過・色）を選ぶ。
- プレビューで仕上がりを確認する。
- 「ZIP をダウンロード」で favicon.ico ＋ PNG ＋ manifest ＋ スニペットを書き出し。画像は送信されません。
よくある質問
画像はサーバーにアップロードされますか？
いいえ。生成はすべてブラウザ内（Canvas）で行われます。画像はアップロード・保存・送信されず、あなたの端末内だけで処理されます。
どのファイルが生成されますか？
favicon.ico（16・32・48px を内包）、favicon-16x16.png / favicon-32x32.png / favicon-48x48.png、apple-touch-icon.png（180px）、android-chrome-192x192.png / android-chrome-512x512.png、site.webmanifest、そして <head> に貼るスニペット（head-snippet.html）です。
生成した favicon はどう設置すればいいですか？
ZIP を解凍し、中のファイルをサイトのルート（公開ディレクトリの最上位）に置きます。あとは同梱の <head> スニペット（このページからコピーもできます）を HTML の <head> に貼り付ければ完了です。
正方形でない画像でも使えますか？
使えます。「正方形に切り抜く」は中央を正方形に切り出し、「全体を収める」は画像全体を縮小して収め、余った余白を透過または指定した背景色で埋めます。ロゴは「全体を収める」、写真は「正方形に切り抜く」が向いています。
背景を透過にできますか？
はい。背景を「透過」にすれば PNG・ICO ともにアルファ付き（背景なし）で書き出します。タブやタスクバーの背景色になじませたい場合に便利です。逆に白などで塗りつぶしたいときは色を選んでください。
この .ico は古い IE でも表示されますか？
この .ico は PNG を内包する形式で、Chrome・Firefox・Edge・Safari など現行ブラウザはすべて対応しています。ごく古い Internet Explorer（旧 BMP のみ対応）では表示されないことがありますが、現在のサイト運用ではまず問題ありません。