画像・アセットツール

Webアプリマニフェストジェネレーター

PWA対応静的サイト向けのsite.webmanifest JSONファイルを生成します。

ツールを読み込み中...

Webアプリマニフェストジェネレーターとは

Webアプリマニフェストジェネレーターは、PWA対応静的サイト向けのsite.webmanifest JSONファイルを生成します。 出力は公開サイトに使う前に確認しやすい形で表示されます。

Quick answer

A web app manifest controls how your site looks when installed on a device home screen. It sets the app name, icons, theme color, and launch behavior for PWA-ready static sites.

Limitations

  • The manifest only works over HTTPS. HTTP sites cannot use the manifest for install prompts.
  • The manifest requires actual icon image files at the specified paths. Missing or incorrectly named icons cause the browser to reject the manifest.
  • Install behavior differs between Android and iOS. Android uses the manifest for install prompts, while iOS relies on Apple touch icon meta tags and does not support full PWA install from the manifest.

使い方

  1. 必要な値を入力します。
  2. 結果パネルの出力を確認します。
  3. ページに合う部分だけコピーします。
  4. 公開前にブラウザとホスティング環境で確認します。

主な用途

  • 公開前の繰り返し作業を短くする。
  • マークアップ、CSS、チェックリストを準備する。
  • 静的サイトで見落としやすい小さなミスを減らす。

よくあるミス

  • 出力を確認せず本番に入れる。
  • 公開URLではなくローカルURLを使う。
  • build後に公開フォルダ内のファイルを確認しない。

Verification

  1. Open Chrome DevTools > Application > Manifest to verify the manifest is parsed correctly and icons are accessible.
  2. Test the site over HTTPS on an Android device using Chrome and confirm the Add to Home Screen prompt appears.

FAQ

WebアプリマニフェストジェネレーターのFAQ

Webアプリマニフェストジェネレーターはブラウザ内で動きますか?

はい。現在のツールはブラウザで出力を生成する設計です。

出力のテストは必要ですか?

はい。テンプレート、ブラウザ、ホスティング設定に合わせて必ず確認してください。

関連ツール

その他の画像・アセットツール

こちらもお試しください

こちらもお試しください