A simple script to generate PWA icons and tags
Clone this repository, then run:
npm install
After that, put a logo.png
file in the root directory of the repository, then run npm start
There will be a icons
directory created with all the images for the different icon and splashscreen sizes.
icons/
βββ icon-120x120.png
βββ icon-128x128.png
βββ icon-144x144.png
βββ icon-152x152.png
βββ icon-167x167.png
βββ icon-16x16.png
βββ icon-180x180.png
βββ icon-192x192.png
βββ icon-256x256.png
βββ icon-32x32.png
βββ icon-384x384.png
βββ icon-512x512.png
βββ icon-57x57.png
βββ icon-60x60.png
βββ icon-72x72.png
βββ icon-76x76.png
βββ icon-96x96.png
βββ splash-1125x2436.png
βββ splash-1136x640.png
βββ splash-1242x2208.png
βββ splash-1242x2688.png
βββ splash-1334x750.png
βββ splash-1536x2048.png
βββ splash-1668x2224.png
βββ splash-1668x2388.png
βββ splash-1792x828.png
βββ splash-2048x1536.png
βββ splash-2048x2732.png
βββ splash-2208x1242.png
βββ splash-2224x1668.png
βββ splash-2388x1668.png
βββ splash-2436x1125.png
βββ splash-2688x1242.png
βββ splash-2732x2048.png
βββ splash-640x1136.png
βββ splash-750x1334.png
βββ splash-828x1792.png
There will also be a pwa.html
file for copy-pasting the links into your HTML.