PWA ஐகான்கள்: வெட்டப்பட்ட லோகோ மற்றும் வெள்ளைப் பெட்டிகளைத் தவிர்க்கவும்

நிறுவப்பட்ட இணையப் பயன்பாடுகள் manifest ஐகான்களைப் பயன்படுத்தும். தொடக்கி வடிவ முகமூடியைப் பயன்படுத்தலாம்.

பயன்பாட்டு வளங்களைத் தயாரிக்கவும்

192×192, 512×512 PNG-களிலிருந்து தொடங்கி தளத் தேவைகளைப் பார்க்கவும். சார்பு பாதைகள் manifest URL-ஐ அடிப்படையாகக் கொண்டவை. IcoJet அதிகபட்ச 256px, 512px PNG-க்கு மாற்றல்ல.

maskable பதிப்பை வடிவமைக்கவும்

முக்கிய பகுதிகளை அகலத்தின் 40% ஆரமுள்ள மைய வட்டத்திற்குள் வைக்கவும். பின்னணியை ஓரம்வரை நீட்டிக்கவும். சரிபார்த்த வடிவமைப்புக்கு மட்டும் purpose="maskable" பயன்படுத்தவும்.

நிறுவலைச் சோதிக்கவும்

உலாவியில் manifest மற்றும் முகமூடி முன்னோட்டத்தைப் பார்த்து இலக்கு சாதனத்தில் நிறுவவும். சாதாரண மற்றும் maskable பதிப்புகளைச் சரிபார்க்கவும். படத்தை மாற்றும் முன் பழைய நிறுவலை புதியதுடன் ஒப்பிடவும்.

{
  "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 ↗

மாற்றிக்குத் திரும்பவும் ↗