pwa-assets-generator

Generate PWA assets by running the script with your 1024x1024 source image. The tool automatically creates standard icons, maskable icons with safe-area padding, Apple touch icons, favicons, and screenshot placeholders in your output directory using sharp for resizing and png-to-ico for favicon conversion.

Use a 1024x1024 pixel image as your source. The generator accepts standard image formats and outputs resized versions for all PWA requirements: 192x192 and 512x512 standard icons, 192x192 maskable icons, iOS touch icons, multi-resolution favicons, and mobile/desktop screenshot placeholders.

Yes, this automation runs as a Node.js script that installs sharp and png-to-ico dependencies automatically. It generates your complete PWA asset bundle in one command, eliminating manual icon resizing and ensuring consistency across all required sizes and formats for your web app manifest.

Maskable icons are PWA icons that adapt to different device shapes and backgrounds. This generator creates 192x192 maskable icons with proper safe-area padding, allowing your icon to display correctly on devices that apply masks, such as rounded corners or notches on modern phones.

Yes, the generated assets follow standard PWA manifest specifications. Output includes all icon sizes, maskable variants, and favicon formats needed in a web app manifest, plus branded screenshot placeholders for app store listings and UI reviews.

The generator produces app icons at multiple resolutions, maskable icon variants with padding, Apple touch icons for iOS, favicon files in multiple formats, badge icons for notifications, and desktop/mobile screenshot placeholders—all organized in your specified output directory.