Ikoni PWA: evita logos maqtugħin u kaxxi bojod żgħar
Apps tal-web installati jużaw ikoni tal-manifest. Il-launcher jista' japplika maskra tal-forma.
Ipprepara r-riżorsi
Ibda b'PNG 192×192 u 512×512, imbagħad iċċekkja l-pjattaformi. Mogħdijiet relattivi huma bbażati fuq URL tal-manifest. Il-massimu ta' 256px ta' IcoJet ma jissostitwixxix PNG 512px.
Iddisinja verżjoni maskable
Żomm il-partijiet importanti fiċ-ċirku ċentrali b'raġġ ta' 40% tal-wisa'. Estendi l-isfond sat-truf. Uża purpose="maskable" biss wara li tivverifika d-disinn.
Ittestja l-installazzjoni
Spezzjona manifest u maskra fil-browser, imbagħad installa fuq l-apparat fil-mira. Iċċekkja verżjonijiet normali u maskable. Qabbel installazzjoni antika ma' waħda ġdida qabel tibdel it-tpinġija.
{
"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"
}
]
}Sorsi u aktar qari
MDN — Manifest icons ↗web.dev — Web app manifest ↗