-->

Error PWA Manifes Untuk Ukuran Gambar 144x144 Padahal Sudah Di Atur

Pesan Error Kurang Lebih Manifest does not contain a suitable icon - PNG, SVG or WebP format of at least 144 px is required, the sizes attribute must be set, and the purpose attribute, if set, must include "any" or "maskable".

Saya akan berbagi pengalaman dimana saya memiliki masalah yang sama dan untuk memecahkan masalah nya cukup dengan mengganti dari "maskable" dengan "any" untuk gambar 144px sedangkan untuk ukuran lain tidak perlu alias tetap "maskable".

Walau ada opsi lain yaitu "any maskable", namun dalam praktiknya hal ini tidak boleh. Menggunakan ikon "any maskable" ketimbang "any" akan mengakibatkan padding berlebih dan membuat konten ikon inti lebih kecil. Idealnya, ikon untuk tujuan "any" harus memiliki wilayah transparan dan tidak ada padding tambahan, seperti favicon pada situs.

Berikut hasil kode sesudah di fix:
{
  "name": "xxx",
  "short_name": "xxx",
  "icons":[{
            "src":"/android-chrome-144x144.png",
            "sizes":"144x144",
            "type":"image/png",
            "purpose": "any"},
        {
            "src":"/android-chrome-192x192.png",
            "sizes":"192x192",
            "type":"image/png",
            "purpose": "maskable"},
        {
            "src":"/android-chrome-512x512.png",
            "sizes":"512x512",
            "type":"image/png",
            "purpose": "maskable"}
        ],

  "lang": "en-US",
  "start_url": "https://xxx.xxx/",
  "display": "standalone",
  "background_color": "white",
  "theme_color": "white"
}