PWA ikoonid: väldi kärbitud logosid ja valgeid ruudukesi
Paigaldatud veebirakendus kasutab manifesti ikoone. Käivitaja võib rakendada kujundimaski.
Valmista rakenduse pildid
Alusta PNG-dest 192×192 ja 512×512 ning kontrolli platvorme. Suhtelised teed lähtuvad manifesti URL-ist. IcoJeti suurim 256px ei asenda 512px PNG-d.
Kujunda maskable-versioon
Hoia olulised osad keskringis, mille raadius on 40% laiusest. Vii taust servadeni. Kasuta purpose="maskable" ainult kontrollitud kujundusel.
Testi paigaldust
Vaata manifesti ja maskieelvaadet brauseris, seejärel paigalda sihtseadmesse. Kontrolli tavalist ja maskitavat varianti. Võrdle vana paigaldust uuega enne joonise muutmist.
{
"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"
}
]
}Allikad ja lisalugemine
MDN — Manifest icons ↗web.dev — Web app manifest ↗