מדריך מניפסט אפליקציות אינטרנט
מניפסט של אפליקציית אינטרנט (site.webmanifest) אומר לדפדפנים הניתנים להתקנה את שם האפליקציה, הצבעים ובאילו גדלי סמלים להשתמש במסך הבית. התאם אותו עם סמלים 192×192 ו-512×512 PNG להגדרה מלאה של PWA favicon.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
קשר את המניפסט עם <link rel="manifest" href="/site.webmanifest">. בתוך ה-JSON, מערך הסמלים חייב לכלול לפחות ערכים בגודל 192×192 ו-512×512 עם סוג image/png ועבור מטרה כלשהי (הוסף גרסאות הניתנות למסיכה עבור אייקונים מסתגלים של Android במידת הצורך).
הגדר theme_color ו-background_color כך שיתאימו למותג שלך - הם שולטים בכרום הדפדפן ובמסך הפתיחה במהלך ההתקנה.
איך זה עובד
- 1
צור סמל PNGs
192 ו-512 מחבילת מחולל ה-favicon שלנו.
- 2
צור site.webmanifest
כלול שם, שם_קצר, סמלים, צבע_תמה, תצוגה.
- 3
קישור ב-HTML
<link rel="manifest" href="/site.webmanifest"> בנוסף ל-theme-color meta.
נסה עכשיו
צור חבילת סמלים של PWA
מחולל פביקוןשאלות נפוצות
האם נדרש מניפסט לאתר בסיסי?+
לא - רק אם אתה רוצה התקנה למסך הבית או כרום Android עשיר יותר. Favicon.ico לבדו עובד עבור כרטיסיות.
אילו גדלי אייקונים נכנסים למניפסט?+
192×192 ו-512×512 נדרשים עבור הנחיות התקנה. הוסף סמלים 384 או ניתנים למסיכה לליטוש.
האם אוכל להשתמש ב-SVG במניפסט?+
Chromium תומך ב-SVG במקרים מסוימים, אך PNG הוא ברירת המחדל הבטוחה עבור ממשקי משתמש להתקנות חוצי דפדפן.