Favicon生成
1枚の画像から完全なFaviconパッケージを作成: .ico、各サイズのPNG、apple-touch-icon、webmanifest、HTMLスニペット。ローカル処理、アップロードなし。
ファイル
お使いの端末でローカル処理中 ...
0%
ファイルは一度も端末から出ていません
私のファイルはアップロードされますか？
いいえ。すべてブラウザ内で動作します。あなたのファイルが端末から出ることはありません。これが検証できる理由
Faviconは1ファイルでは済みません。ブラウザ、スマートフォン、Webアプリはそれぞれ異なるサイズと形式のアイコンセットを必要とします。ブラウザタブ用の複数解像度を含むfavicon.ico、個別のPNGファイル、iPhoneのホーム画面用apple-touch-icon、AndroidへのWebアプリインストール用の大きなアイコン。このツールがすべての手間を引き受け、1枚の画像から完全なパッケージを生成します。
正方形の画像をドロップするだけで、ZIPファイルが返ってきます。辺の長さ512px以上のPNGが最適です。ZIP内にはfavicon.ico（16・32・48px）、各PNG、180pxのapple-touch-icon、192pxと512pxの2枚のアプリアイコンが含まれます。さらに完成済みのsite.webmanifestと、ページの`<head>`にそのまま貼り付けられるHTMLスニペットも同梱されます。リンクを個別に調べる必要はありません。
画像は各サイズにトリミングなしでフィットし、中央に配置されます。ブラウザ用アイコンは透過を保持しますが、iOSとAndroid向けのアプリアイコンには背景色が適用されます。これらのOSは透過部分を黒く表示するためです。白・黒・透明のいずれかをお選びいただけ、iOSとAndroidでそれぞれ別々に設定できます（例: iPhoneアイコンは白、Androidアイコンは透明など）。他のツールと同様、変換処理はすべてブラウザ内で完結します。画像がアップロードされることも、外部サーバーからライブラリが読み込まれることもありません。
技術仕様
| 入力形式 | PNG, JPG, JPEG, WEBP, GIF, BMP |
|---|---|
| 出力形式 | ZIP |
| 一括処理 | 非対応 |
| 処理 | ブラウザ内でローカル処理 (JavaScript) |
| ファイルのアップロード | なし |
3ステップで
- 正方形の画像をドロップする（512px以上のPNGが最適）。
- iOSとAndroidアイコンの背景色をそれぞれ選択する。
- ZIPパッケージをダウンロードして展開する。
制限: 生成されるZIPにはfavicon.ico（16/32/48）、favicon-16/32、apple-touch-icon（180）、Androidアイコン（192/512）、site.webmanifest、HTMLスニペットが含まれます。入力はラスター画像（PNG, JPG, WebP, GIF, BMP）で、SVGは非対応です。小さすぎる画像は拡大処理されぼやける場合があります。正方形で大きな画像が最適です。
よくある質問
画像はアップロードされますか?
いいえ。パッケージはすべてブラウザ内でローカルに生成されます。機内モードでも動作し、画像がデバイスの外に出ることは一切ありません。
ZIPには何が含まれていますか?
favicon.ico（16/32/48px）、各PNG、apple-touch-icon、アプリアイコン2枚（192/512）、site.webmanifest、`<head>`用HTMLスニペットが含まれます。
なぜアプリアイコンに背景色が必要なのですか?
iOSとAndroidは、アプリアイコンの透明部分を黒く表示します。そのため背景を適用しており、白・黒・透明からお選びいただけます。iOSとAndroidで異なる見た目にしたい場合は、それぞれ別々に設定できます。
どのくらいの画像サイズが必要ですか?
1辺512px以上の正方形画像を推奨します。それより小さなサイズはすべてここから綺麗にダウンスケールされます。