סמלי PWA: מניעת חיתוך וריבועים לבנים קטנים
אפליקציות רשת מותקנות משתמשות בסמלי manifest. המשגר עשוי להחיל מסכת צורה.
הכינו משאבי אפליקציה
התחילו ב-PNG של 192×192 ו-512×512 ובדקו את הפלטפורמות. נתיבים יחסיים מבוססים על כתובת manifest. מגבלת 256px ב-IcoJet אינה מחליפה PNG של 512px.
עצבו גרסת maskable
החזיקו פרטים חשובים בתוך העיגול המרכזי שרדיוסו 40% מהרוחב. המשיכו רקע עד הקצה. הגדירו purpose="maskable" רק לעיצוב שנבדק לכך.
בדקו התקנה
בדקו manifest ומסכה בדפדפן ואז התקינו במכשיר היעד. בדקו גרסה רגילה ומסכתית. השוו התקנה ישנה לחדשה לפני שינוי הציור.
{
"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"
}
]
}מקורות וקריאה נוספת
MDN — Manifest icons ↗web.dev — Web app manifest ↗