PWA-Ikonen: ofgeschnidde Logoen a kleng wäiss Felder vermeiden
Installéiert Webapps benotze Manifest-Ikonen. De Launcher kann eng Formmask uwenden.
App-Biller preparéieren
Fänkt mat PNG 192×192 an 512×512 un a préift d'Plattformen. Relativ Weeër bezéie sech op d'Manifest-URL. IcoJet seng maximal 256px ersetzen keng 512px-PNG.
Eng maskable-Versioun gestalten
Wichteg Deeler gehéieren an de Mëttelkrees mat Radius 40% vun der Breet. Den Hannergrond bis un de Rand zéien. purpose="maskable" nëmme fir kontrolléiert Designen notzen.
D'Installatioun testen
Préift Manifest a Maskvirschau am Browser, dann installéiert um Zilapparat. Kontrolléiert normal a maskéierbar Varianten. Vergläicht eng al Installatioun mat enger neier, ier Dir d'Zeechnung ännert.
{
"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"
}
]
}Quellen a weider Informatiounen
MDN — Manifest icons ↗web.dev — Web app manifest ↗