{"repo":"elegantapp/pwa-asset-generator","free":true,"listed":false,"github":"https://github.com/elegantapp/pwa-asset-generator","clone":"git clone https://github.com/elegantapp/pwa-asset-generator.git","description":"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.","language":"TypeScript","stars":3029,"topics":["pwa","splash-screen","icon","manifest","launch-image","puppeteer","ios","android","pwa-assets","splash-screens"],"license":"MIT","category":"mobile-apps","readme_excerpt":"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. Motivation — read the full blog post here 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. Such criteria are; 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 - https://web.dev/add-manifest/#icons 🤔 Apple's iOS currently doesn't support Web App Manifest API specs. You need to introduce custom html tags to set icons and splash screens to your PWA 🤔 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. 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-startup-image to provide a splash screen for your PWA to display when it's opened and in the background. 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 . Unfortunately, this requirement is not documented on t","default_branch":null,"files":null,"tree":[],"storefront":"/r/elegantapp","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/elegantapp/pwa-asset-generator/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}