Web アプリマニフェストガイド
Web アプリ マニフェスト (site.webmanifest) は、インストール可能なブラウザーにアプリの名前、色、ホーム画面で使用するアイコン サイズを伝えます。 192×192 および 512×512 PNG アイコンと組み合わせて、完全な PWA ファビコン セットアップを実現します。
マニフェストを <link rel="manifest" href="/site.webmanifest"> でリンクします。 JSON 内では、アイコン配列には、タイプが image/png、目的が任意の少なくとも 192×192 および 512×512 のエントリが含まれている必要があります (必要に応じて、Android アダプティブ アイコンのマスカブル バリアントを追加します)。
テーマカラーと背景カラーをブランドに合わせて設定します。これらは、インストール中にブラウザーのクロムとスプラッシュ画面を制御します。
使い方
- 1
アイコン PNG を生成
favicon ジェネレーター パッケージの 192 と 512。
- 2
site.webmanifest を作成する
名前、短い名前、アイコン、テーマの色、表示が含まれます。
- 3
HTMLのリンク
<link rel="manifest" href="/site.webmanifest"> とテーマカラーのメタ。
今すぐ試す
PWA アイコン パッケージを生成する
ファビコンジェネレーターよくある質問
基本的な Web サイトにマニフェストは必要ですか?+
いいえ - ホーム画面にインストールするか、よりリッチな Android クロムを使用する場合のみ。 Favicon.ico のみがタブで機能します。
マニフェストにはどのようなアイコンのサイズが含まれますか?+
インストール プロンプトには 192×192 および 512×512 が必要です。 384 個のマスカブル アイコンを追加して磨きをかけます。
マニフェストで SVG を使用できますか?+
Chromium は場合によって SVG をサポートしますが、クロスブラウザー インストール UI の安全なデフォルトは PNG です。