PWA piktogramos: išvenkite nukirpto logotipo ir baltų langelių
Įdiegtos žiniatinklio programos naudoja manifesto piktogramas. Paleidimo aplinka gali taikyti formos kaukę.
Paruoškite išteklius
Pradėkite nuo PNG 192×192 ir 512×512 ir tikrinkite platformas. Santykiniai keliai skaičiuojami nuo manifesto URL. IcoJet didžiausi 256px nepakeičia 512px PNG.
Kurkite maskable variantą
Svarbiausias dalis laikykite centriniame apskritime, kurio spindulys 40% pločio. Foną tęskite iki kraštų. purpose="maskable" naudokite tik patikrintam dizainui.
Patikrinkite įdiegimą
Naršyklėje apžiūrėkite manifestą ir kaukę, tada įdiekite tiksliniame įrenginyje. Patikrinkite įprastą ir maskuojamą variantą. Prieš keisdami piešinį palyginkite seną įdiegimą su nauju.
{
"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"
}
]
}Šaltiniai ir papildoma informacija
MDN — Manifest icons ↗web.dev — Web app manifest ↗