PWA-tákn: forðastu skorin merki og litla hvíta reiti
Uppsett vefforrit nota tákn úr manifest. Ræsirinn getur sett formgrímu yfir myndina.
Undirbúðu forritsmyndir
Byrjaðu á PNG 192×192 og 512×512 og athugaðu kerfin. Afstæðar slóðir miðast við URL manifest-skrárinnar. Hámark IcoJet, 256px, kemur ekki í stað PNG 512px.
Hannaðu maskable-útgáfu
Hafðu mikilvægt efni innan miðjuhrings með geisla 40% af breidd. Láttu bakgrunn ná út að brúnum. Notaðu purpose="maskable" aðeins eftir prófun hönnunar.
Prófaðu uppsetningu
Skoðaðu manifest og grímuforsýningu í vafra, síðan settu upp á marktækinu. Athugaðu venjulega og maskable útgáfu. Berðu gamla uppsetningu saman við nýja áður en teikning breytist.
{
"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"
}
]
}Heimildir og frekari lestur
MDN — Manifest icons ↗web.dev — Web app manifest ↗