Since 2021, Google has enforced for new PWAs to pass the "Installability criteria" in Lighthouse. A maskable icon looks like a circle, squircle, or rounded square depending on the OS theme.
A "long feature" for this icon involves defining how the app identifies itself, its theme colors, and how it handles various display modes. Create a file named manifest.json in your root directory with the following structure: My personal blog - Built with Blocs icon-192x192.png
Generate from a 512×512 master icon to preserve quality, then resize to 192×192 using tools like: Since 2021, Google has enforced for new PWAs
(file size, PNG compression, dimensions, transparency, metadata)? Create a file named manifest
: This icon is defined within the manifest.json or manifest.webmanifest file. Browsers use this manifest to understand how the app should look and behave when "installed".
: This specific size (192x192 pixels) is recommended by Google as the baseline for modern high-density displays. PWA Splash Screen
hipbase.com Est 2002