PWA ikonas: izvairieties no apgriezta logo un baltiem laukumiem
Instalētas tīmekļa lietotnes izmanto manifesta ikonas. Palaidējs var tām piemērot formas masku.
Sagatavojiet resursus
Sāciet ar PNG 192×192 un 512×512, pārbaudot platformas. Relatīvie ceļi balstās uz manifesta URL. IcoJet maksimālie 256px neaizstāj 512px PNG.
Veidojiet maskable variantu
Svarīgo turiet centrālajā aplī ar rādiusu 40% no platuma. Fonam jāsniedzas līdz malām. purpose="maskable" izmantojiet tikai pārbaudītam dizainam.
Pārbaudiet instalāciju
Pārlūkā apskatiet manifestu un masku, tad instalējiet mērķa ierīcē. Pārbaudiet parasto un maskējamo versiju. Salīdziniet vecu instalāciju ar jaunu pirms zīmējuma maiņas.
{
"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"
}
]
}Avoti un papildu lasāmviela
MDN — Manifest icons ↗web.dev — Web app manifest ↗