search

elegantapp / pwa-asset-generator

Automates PWA asset generation and image declaration. Automatically generates icon and splash screen images, favicons and mstile images. Updates manifest.json and index.html files with the generated images according to Web App Manifest specs and Apple Human Interface guidelines.
MIT License
2.71k stars 137 forks source link

Support for app screenshots #1019

Open frederikhors opened 2 weeks ago

frederikhors commented 2 weeks ago

Why do I have this error in Chrome DevTools's Manifest tab?

image

Richer PWA Install UI won't be available on desktop. Please add at least one screenshot with the form_factor set to wide.

Richer PWA Install UI won't be available on mobile. Please add at least one screenshot for which form_factor is not set or set to value other than wide.

Can I generate these screenshow with pwa-asset-generator too?

atjn commented 2 weeks ago

You need to take screenshots of your app and add them to your manifest. PAG does not take screenshots of your app, and realistically can never do that because only you know which parts of the app you want to showcase. You can read more about the feature here: https://developer.chrome.com/blog/richer-pwa-installation/

atjn commented 2 weeks ago

Leaving this open because it might make sense for PAG to let the developer link to screenshots that should be included in the manifest.