icons

ชนิด String
จำเป็น ใช่
ตัวอย่าง
"icons": [{"src": "icon.webp", "sizes": "48x48", "type": "image/webp"}]

iconsสมาชิกระบุอาร์เรย์ของวัตถุที่เป็นตัวแทนของไฟล์ภาพที่สามารถใช้เป็นแอปพลิเค iconsfor บริบทที่แตกต่างกัน ตัวอย่างเช่นสามารถใช้เพื่อแสดงแอปพลิเคชันเว็บท่ามกลางรายการแอปพลิเคชันอื่น ๆ หรือเพื่อรวมเว็บแอปพลิเคชันเข้ากับ  ตัวสลับงานของระบบปฏิบัติการและ/หรือการตั้งค่าระบบ

ตัวอย่าง

"ไอคอน": [
  {
    "src": "ไอคอน/lowres.webp",
    "ขนาด": "48x48",
    "type": "image/webp"
  }
  {
    "src": "ไอคอน/lowres",
    "ขนาด": "48x48"
  }
  {
    "src": "ไอคอน/hd_hi.ico",
    "ขนาด": "72x72 96x96 128x128 256x256"
  }
  {
    "src": "ไอคอน/hd_hi.svg",
    "ขนาด": "72x72"
  }
]

ค่า

วัตถุรูปภาพอาจมีค่าต่อไปนี้:

สมาชิก ลักษณะ
sizes สตริงที่มีมิติข้อมูลคั่นด้วยช่องว่าง 
src เส้นทางไปยังไฟล์รูปภาพ หากsrcเป็น URL สัมพัทธ์ URL หลักจะเป็น URL ของไฟล์ Manifest
type คำแนะนำเกี่ยวกับประเภทสื่อของภาพ จุดประสงค์ของสมาชิกนี้คือเพื่อให้ตัวแทนผู้ใช้สามารถข้ามรูปภาพที่มีประเภทสื่อที่ไม่รองรับได้อย่างรวดเร็ว
purpose

กำหนดวัตถุประสงค์ของภาพตัวอย่างเช่นหากภาพมีวัตถุประสงค์เพื่อให้บริการวัตถุประสงค์พิเศษบางอย่างในบริบทของโฮสต์ระบบปฏิบัติการ (เช่นเพื่อการรวมที่ดีขึ้น)

purpose สามารถมีหนึ่งในค่าต่อไปนี้:

  • badge: ตัวแทนผู้ใช้สามารถแสดงไอคอนนี้โดยที่ข้อ จำกัด ด้านพื้นที่และ/หรือข้อกำหนดด้านสีแตกต่างจากไอคอนแอปพลิเคชัน
  • maskable: รูปภาพได้รับการออกแบบโดยมีไอคอนรูปแบบและเขตปลอดภัยไว้ในใจว่าตัวแทนใด ๆ ของภาพนอกเขตปลอดภัยสามารถถูกละเว้นและถูกปกปิดโดยตัวแทนผู้ใช้
  • any: ตัวแทนผู้ใช้มีอิสระที่จะแสดงไอคอนในบริบทใด ๆ (นี่คือค่าเริ่มต้น)

ข้อมูลจำเพาะ

สเปค สถานะ คิดเห็น ผลตอบรับ

Web App Manifest
The definition of 'icons' in that specification.

Working Draft

คำจำกัดความเบื้องต้น

ร่างการทำงานของ Web App Manifest

ความเข้ากันได้ของเบราว์เซอร์

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
icons
Experimental
Chrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android Full support YesChrome Android Full support YesFirefox Android Full support 53
Notes Disabled
Full support 53
Notes Disabled
Notes By default, used for as the source for "Add to home screen" (see bug 1234558).
Disabled From version 53: this feature is behind the manifest.install.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android ? Safari iOS ? Samsung Internet Android ?

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.
See implementation notes.
See implementation notes.
User must explicitly enable this feature.
User must explicitly enable this feature.