{ "icons": [ { "src": "/icons/icon-192x192.png", "sizes": "192x192", "type": "image/png", "purpose": "any maskable" } ] } This specific size is not arbitrary. The number 192 (which is 64 * 3) correlates to a key density metric in mobile Android development: — specifically the "tvhdpi" or "xhdpi" bucket in the Android ecosystem.
The "safe zone" is the inner 144x144 circle (75% of the full graphic). The outer 24px on each side (the "bleed") will be cropped by the OS. icon-192x192.png
Your icon-192x192.png must have a purpose: "maskable" attribute, or at least be designated as such. { "icons": [ { "src": "/icons/icon-192x192
But this specific asset— icon-192x192.png —deserves far more respect than it typically receives. It is the workhorse of the Progressive Web App (PWA) ecosystem. While the 512px icon handles the splash screen, the 192px icon determines whether your site feels like a native app or just a forgotten browser tab. The outer 24px on each side (the "bleed")