PWA simgeleri: kesilmiş logo ve küçük beyaz kutuları önleyin
Kurulu web uygulamaları manifest simgelerini kullanır. Başlatıcı görüntüye şekil maskesi uygulayabilir.
Uygulama kaynaklarını hazırlayın
192×192 ve 512×512 PNG ile başlayıp platformları doğrulayın. Göreli yollar manifest URL'sine göredir. IcoJet'in en fazla 256px çıktısı 512px PNG'nin yerini tutmaz.
Maskable sürümü tasarlayın
Önemli parçaları yarıçapı genişliğin %40'ı olan orta dairede tutun. Arka planı kenarlara uzatın. purpose="maskable" yalnızca doğrulanmış tasarımda kullanılmalı.
Kurulumu test edin
Tarayıcıda manifest ve maskeyi inceleyip hedef cihaza kurun. Normal ve maskable sürümleri kontrol edin. Çizimi değiştirmeden eski kurulumu yeni bir test kurulumu ile karşılaştırın.
{
"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"
}
]
}Kaynaklar ve ek bilgiler
MDN — Manifest icons ↗web.dev — Web app manifest ↗