Updates your manifest.json and index.html files automatically for declaring generated image assets □ Generates both icons and splash screens with optional -icon-only -splash-only -landscape-only and -portrait-only flags ✨ Having Puppeteer at its core enables lots of possibilities. PWA Asset Generator automates the image generation in a creative way. Unfortunately, this requirement is not documented on the Safari Web Content Guide sufficiently.Ĭreating icon and splash screen images for all the platforms, maintaining sizes and quality for all and adding html tags for each image can be overwhelming. You need to create a splash screen image for every resolution on Apple's Launch Screen Guidelines and html tag with media attr for each image like. You need to introduce a special html link tag with rel apple-touch-startup-image to provide a splash screen for your PWA to display when it's opened and in the background.Read more about it on Apple's Icon Guidelines and Safari Web Content Guide. You need to introduce a special html link tag with rel apple-touch-icon to provide icons for your PWA when it's added to home screen.You need to introduce custom html tags to set icons and splash screens to your PWA □ Google's Android platform respects Web App Manifest API specs and it expects you to provide at least 2 icon sizes in your manifest file - □Īs it's noted on Microsoft docs, your PWA has to meet specific image criteria declared on Web App Manifest in order to be automatically packaged for Microsoft Store - □Īpple's iOS currently doesn't support Web App Manifest API specs. When you build a PWA with a goal of providing native-like experiences on multiple platforms and stores, you need to meet with the criteria of those platforms and stores with your PWA assets icon sizes and splash screens. Motivation - read the full blog post here Updates manifest.json and index.html files with the generated images according to Web App Manifest specs and Apple Human Interface guidelines. Automatically generates icon and splash screen images, favicons and mstile images. Automates PWA asset generation and image declaration.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |