PWA Icon Sizes — Web App Manifest Guide
Progressive Web Apps require specific icon sizes declared in the web app manifest for installation prompts, splash screens, and home screen icons. Getting the sizes and maskable property right is essential for a polished install experience across Chrome, Edge, Safari, and Samsung Internet.
Required Sizes
| Size | Format | Purpose |
|---|---|---|
| 512x512 | PNG | Splash screen and install dialog |
| 192x192 | PNG | Home screen icon |
| 512x512 | PNG | Maskable icon |
| 192x192 | PNG | Maskable icon (small) |
| 384x384 | PNG | Android install dialog |
| 256x256 | PNG | Desktop PWA icon |
| 128x128 | PNG | Small desktop contexts |
Best Practices
- 1Include both "any" and "maskable" purpose icons separately in your manifest.
- 2For maskable icons, keep critical content within the center 80% safe zone.
- 3Provide at least 192px and 512px icons — these are the minimum for Chrome installability.
- 4Use PNG as the primary format. WebP can be added as an additional option for browsers that support it.
Common Mistakes
- Not including a 512px icon — Chrome will not show the install prompt without it.
- Forgetting maskable icons — Android applies adaptive icon masks that can crop standard icons.
- Declaring "purpose": "any maskable" on every icon — this degrades rendering on platforms that don't mask.
- Using only WebP format — Safari does not yet support WebP icons in the manifest.
Generate PWA Icons Instantly
Upload one image and get all PWA manifest icons — standard and maskable — at every recommended size.
Open GeneratorFrequently Asked Questions
What PWA icon sizes are required?
At minimum, you need 192x192 and 512x512 PNG icons declared in your manifest.json. Chrome requires the 512px icon for the install prompt and splash screen.
What is a maskable PWA icon?
A maskable icon has extra padding so the OS can safely crop it into different shapes (circle, squircle, etc.) without cutting off important content. It uses purpose: "maskable" in the manifest.
Does Safari support PWA icons?
Safari uses apple-touch-icon (180px PNG) rather than manifest icons for home screen bookmarks. Include both manifest icons and an apple-touch-icon for full compatibility.