Webサイトのアイコンを準備
1枚の画像を選択、ドロップ、貼り付け
静止JPEG／PNG／WebP · 15MB／16MP／辺8192px
画像を選んでください。
ロゴと設定はこのページ内のみで保持します。アップロードや履歴保存は行いません。
使い方とよくある質問
タブを切り替えても画像は保持されます。
通常用とmaskable用のロゴ配置を個別に調整し、生成された実ファイルを確認します。
アイコンの準備方法
- 静止JPEG、PNGまたはWebPを1枚選び、通常用とmaskable用を個別に配置します。
- 小さいfaviconサンプルとmaskable保証円を確認し、touchとmaskableの不透明背景を選びます。
- 実際のPNGを生成・確認し、ICOまたはZIPを保存します。サイト断片は自分で確認して統合します。
Webアイコンの役割を分ける
ZIPには16/32px favicon PNG、16/32/48px PNGフレームを持つ実際のICO、180pxの不透明Apple touchアイコン、192/512pxの透明対応通常アイコン、別配置の192/512px不透明maskableアイコンが含まれます。maskable保証領域は辺の40%を半径とする中央の円です。円外の内容は切れる場合があります。ガイドとプレビューのマスクは出力に焼き込みません。
静止JPEG/PNG/WebP 1枚、入力15MB・16MP・各辺8192px、パッケージ50MB・ICO 1MB、45秒のチェックポイントです。拡大は既定で無効、最大512px出力に合わせてロゴ寸法を制限します。新しいPNGは向きを一度補正し、元のメタデータを残しません。
サイト断片を確認して統合
manifest-icons.jsonはiconsフィールドのみで、固定の相対パス、実寸、個別のany/maskable目的を記録します。srcはmanifestの位置を基準に解決されます。icon-links.html.txtは選択できる文字列で、実行しません。ファイルとパスは自分のサイトに合わせて統合してください。ZIPだけでインストール可能なPWAは完成しません。name、start_url、display、HTTPSなどは別に必要です。
よくある質問
通常とmaskableは同じ画像ですか？
配置は独立しています。通常PNGは透明度を保持し、touchとmaskableは指定した不透明背景を使います。保証円はAndroid adaptiveアイコンの幾何とは別です。
PNGをICOに改名するだけですか？
いいえ。16/32/48px PNGフレームを含むICOコンテナーです。現代のブラウザーでの読み込みは確認し、古いWindowsアプリや全ての旧デコーダーは保証しません。
Webサイトの取得や公開も行いますか？
ローカル画像のみを使います。静的断片とファイルを自分で確認・統合してください。サイト取得、公開、PWAインストールは行いません。