Ikon PWA: elakkan logo terpotong dan kotak putih kecil
Aplikasi web terpasang menggunakan ikon manifest. Pelancar mungkin mengenakan topeng bentuk.
Sediakan aset aplikasi
Mulakan dengan PNG 192×192 dan 512×512, kemudian semak platform. Laluan relatif berdasarkan URL manifest. Had 256px IcoJet tidak menggantikan PNG 512px.
Reka versi maskable
Letakkan bahagian penting dalam bulatan tengah berjari-jari 40% lebar. Panjangkan latar hingga tepi. Gunakan purpose="maskable" hanya selepas reka bentuk diperiksa.
Uji pemasangan
Periksa manifest dan pratonton topeng dalam pelayar, kemudian pasang pada peranti sasaran. Semak versi biasa dan maskable. Bandingkan pemasangan lama dengan yang baharu sebelum mengubah lukisan.
{
"icons": [
{
"src": "/icons/app-192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icons/app-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any"
},
{
"src": "/icons/app-maskable-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
]
}Sumber dan bacaan lanjut
MDN — Manifest icons ↗web.dev — Web app manifest ↗