読み込み中
ツールを読み込んでいます
ツールを準備しています。残り時間はまだわかりません。
このツールの処理はすべてブラウザー内で行われ、入力内容はサーバーへ送信されません。
このツールについて
PNGから複数サイズICO、またはブラウザー・タッチアイコン、webmanifest、HTML参照、説明入りfavicon一式ZIPを生成。
主な用途
- PNG から複数サイズ入りの ICO を作ります。
- 実際の PNG を選び、1～256pxの異なるサイズを8件まで指定します。
- 一枚のローカル PNG から favicon、180px touch アイコン、192/512px Web app アイコンを作成します。
使い方
- 1.実際の PNG と、重複しない最大八個の 1–256 ピクセル ICO サイズを選びます。
- 2.必要に応じて favicon ZIP を有効にし、サイト名と touch アイコンの不透明背景色を指定します。
- 3.生成後に寸法、リンク断片、manifest を確認して ICO または ZIP を保存し、配置パスを調整します。
制限と注意事項
- 入力20 MiB、各辺8192px、3200万画素まで。各正方形に PNG を格納し、長方形の絵は伸ばさず透明な余白で中央配置します。
- ZIP に選択サイズの favicon.ico、16/32/180/192/512 PNG、site.webmanifest、links.html、README.txt を含めます。縦横比を保ち中央に配置し透明な余白を残します。180px touch アイコンは不透明背景です。PNG 入力は 20 MiB、辺 8192、3200 万ピクセル。出力は PNG ごと 2 MiB / 合計 32 MiB。各処理の期限は 30 秒です。
- Manifest アイコンは purpose "any" で、maskable ではありません。別途 maskable を設計する場合、重要な図柄を中央の半径 40% の円内に収め、不透明背景を使い、各プラットフォームのマスクを確認してください。
- すべてのファイルを同じ場所へ展開し、links.html をページの head に貼り付けます。相対リンクはページ基準、アイコンのパスは site.webmanifest 基準です。配置パス、start_url/scope、サイト設定を調整し、.webmanifest を application/manifest+json で配信してください。インストール、キャッシュ、ブラウザー/OS 対応、デプロイは検証しません。
- 各 PNG を出力前にネイティブデコードして検証します。ICO は PNG 内蔵で、BMP のみ対応の古いリーダーでは非対応の場合があります。小さい元画像は拡大される場合があります。アニメーション PNG は非対応です。静的 PNG のみ受け入れ、ネイティブデコード前に最大 4096 個の chunk の長さと CRC を確認します。アニメーション、メタデータ、色プロファイルを保持しません。
よくある質問
このツールで何ができますか？
PNG から複数サイズ入りの ICO を作ります。
結果を使う前に何を確認すべきですか？
入力20 MiB、各辺8192px、3200万画素まで。各正方形に PNG を格納し、長方形の絵は伸ばさず透明な余白で中央配置します。
favicon ZIP に何が入りますか？
favicon.ico、favicon-16x16.png、favicon-32x32.png、apple-touch-icon.png（180x180）、icon-192x192.png、icon-512x512.png、site.webmanifest、links.html、README.txt です。Manifest は相対パスと purpose any を使います。
maskable アイコンやインストール可能な PWA ですか？
maskable は宣言しません。別途設計する場合は重要部分を中央の半径 40% の円に収め、不透明背景を使います。インストールや表示はサイト、OS、ブラウザーにも依存し、この出力では検証しません。