screenshots
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
| Type | Object |
|---|
The screenshots member defines an array of screenshots intended to showcase the application. These images are intended to be used by progressive web app stores.
Examples
json
"screenshots" : [
{
"src": "screenshot1.webp",
"sizes": "1280x720",
"type": "image/webp",
"platform": "wide",
"label": "Homescreen of Awesome App"
},
{
"src": "screenshot2.webp",
"sizes": "1280x720",
"type": "image/webp",
"platform": "wide",
"label": "List of Awesome Resources available in Awesome App"
}
]
The label member is a string that serves as an accessible name for the screenshots. It can also serve as alternative text for the screenshots.
The platform member is also a string that can define the distribution platform for which the specific screenshots should apply to. If not
defined, user agents can use the screenshot's aspect ratio for displaying.
The platform member can be set to one of the following general purpose values:
wide: for screenshots applicable to wide screens only (e.g., status boards).narrow: for narrow screenshots (e.g., mobile devices, wearables).
It can also be set to android, chromeos, ios, kaios, macos, windows and xbox for the screenshots to display on specific operating systems or to
chrome_web_store, play, itunes, microsoft-inbox and microsoft-store for the screenshots to display on specific application distribution platforms.
Specifications
| Specification |
|---|
| Web App Manifest - Application Information # screenshots-member |
Browser compatibility
BCD tables only load in the browser