वेब ऐप मेनिफेस्ट गाइड
एक वेब ऐप मेनिफेस्ट (site.webmanifest) इंस्टॉल करने योग्य ब्राउज़र को आपके ऐप का नाम, रंग और होम स्क्रीन पर उपयोग करने के लिए कौन से आइकन आकार बताता है। संपूर्ण PWA फ़ेविकॉन सेटअप के लिए इसे 192×192 और 512×512 PNG आइकन के साथ जोड़ें।
मेनिफेस्ट को <link rel='manifest' href='/site.webmanifest'> से लिंक करें। JSON के अंदर, आइकन सरणी में छवि/पीएनजी प्रकार और किसी भी उद्देश्य के साथ कम से कम 192×192 और 512×512 प्रविष्टियाँ शामिल होनी चाहिए (यदि आवश्यक हो तो Android अनुकूली आइकन के लिए मास्क करने योग्य वेरिएंट जोड़ें)।
अपने ब्रांड से मेल खाने के लिए थीम_रंग और पृष्ठभूमि_रंग सेट करें - वे इंस्टॉल के दौरान ब्राउज़र क्रोम और स्प्लैश स्क्रीन को नियंत्रित करते हैं।
यह कैसे काम करता है
- 1
आइकन PNGs जनरेट करें
हमारे फ़ेविकॉन जनरेटर पैकेज से 192 और 512।
- 2
साइट.वेबमेनिफेस्ट बनाएं
नाम, संक्षिप्त_नाम, चिह्न, थीम_रंग, प्रदर्शन शामिल करें।
- 3
HTML में लिंक करें
<link rel='manifest' href='/site.webmanifest'> प्लस थीम-रंग मेटा।
अभी आज़माएं
PWA आइकन पैकेज जेनरेट करें
फ़ेविकॉन जनरेटरसामान्य प्रश्न
क्या किसी बुनियादी वेबसाइट के लिए मेनिफेस्ट आवश्यक है?+
नहीं - केवल तभी जब आप इंस्टॉल-टू-होम-स्क्रीन या बेहतर Android क्रोम चाहते हैं। Favicon.ico अकेले ही टैब के लिए काम करता है।
मेनिफेस्ट में कौन से आइकन आकार आते हैं?+
इंस्टाल संकेतों के लिए 192×192 और 512×512 आवश्यक हैं। पॉलिश के लिए 384 या मास्क करने योग्य चिह्न जोड़ें।
क्या मैं मैनिफ़ेस्ट में SVG का उपयोग कर सकता हूँ?+
क्रोमियम कुछ मामलों में SVG का समर्थन करता है, लेकिन क्रॉस-ब्राउज़र इंस्टॉल यूआई के लिए PNG सुरक्षित डिफ़ॉल्ट है।