मुझे कौन से आकार के आइकन चाहिए?

कम से कम एक 192x192 और एक 512x512 PNG अधिकतर इंस्टॉलेशन प्रॉम्प्ट और ऐप आइकन उपयोग को कवर करते हैं; विशिष्ट प्लेटफ़ॉर्म पर शार्पर आइकन चाहिए तो और आकार जोड़ें।

theme_color और background_color में क्या फ़र्क़ है?

theme_color आपके ऐप के आस-पास ब्राउज़र UI (जैसे एड्रेस बार या स्टेटस बार) को रंग देता है; background_color ऐप लोड होते समय, उसकी अपनी सामग्री दिखने से पहले, स्प्लैश स्क्रीन पृष्ठभूमि के रूप में संक्षेप में दिखाया जाता है।

अगर मैं PWA नहीं बना रहा तो भी क्या मुझे इसकी ज़रूरत है?

पूरी ऑफ़लाइन/service-worker सपोर्ट के बिना भी, मैनिफ़ेस्ट यह सुधारता है कि जब कोई विज़िटर साइट को बुकमार्क करे या होम स्क्रीन पर जोड़े तो उसका आइकन और नाम कैसे दिखे।

श्रेणी: डेवलपर टूल

वेब ऐप मैनिफ़ेस्ट जनरेटर

हमारा अपना विचारकोई टूल नहीं मिला?

इंस्टॉल किए जा सकने वाले वेब ऐप के लिए manifest.webmanifest जनरेट करें

अपने ऐप का नाम, प्रारंभिक URL, डिस्प्ले मोड, थीम और पृष्ठभूमि रंग तथा आइकन सूची भरें, और एक तैयार manifest.webmanifest JSON फ़ाइल पाएँ जो साइट को Progressive Web App के रूप में इंस्टॉल करने लायक बनाती है। पूरी तरह आपके ब्राउज़र में बना।

नामछोटा नामप्रारंभिक URLडिस्प्ले मोडथीम रंगपृष्ठभूमि रंग

आइकन (एक-एक पंक्ति में: src, sizes)

manifest.webmanifest

{
  "name": "LocalTools",
  "short_name": "LocalTools",
  "start_url": "/",
  "display": "standalone",
  "theme_color": "#1f6f4a",
  "background_color": "#faf8f3",
  "icons": [
    {
      "src": "/icons/icon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

इस पेज पर सब कुछ आपके ब्राउज़र में संसाधित होता है। कुछ भी अपलोड नहीं होता।

यह टूल क्या करता है

वेब ऐप मैनिफ़ेस्ट वह JSON फ़ाइल है जो ब्राउज़र को बताती है कि इंस्टॉल किए जाने पर आपकी साइट को कैसा व्यवहार करना चाहिए: होम स्क्रीन पर इसका नाम और आइकन, स्टेटस बार का रंग, यह एक स्टैंडअलोन विंडो में खुलेगी या सामान्य ब्राउज़र टैब में, और यह कहाँ से शुरू होती है। इसके बिना, "Add to Home Screen" या तो पेश ही नहीं किया जाता या ऐप जैसे अनुभव की बजाय सादे बुकमार्क में बदल जाता है।

इस्तेमाल कैसे करें

अपने ऐप का नाम, छोटा नाम और प्रारंभिक URL डालें।
एक डिस्प्ले मोड, थीम रंग और पृष्ठभूमि रंग चुनें।
अपने आइकन एक-एक पंक्ति में सूचीबद्ध करें, जैसे "/icon-192.png 192x192" पथ और आकार के रूप में।
JSON को एक manifest.webmanifest फ़ाइल में कॉपी करें और इसे अपने पेज के <head> से <link rel="manifest" href="/manifest.webmanifest"> के ज़रिए जोड़ें।

निजता

यह टूल पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड, सेव या साझा नहीं होता — टैब बंद करते ही वह हट जाता है।

अक्सर पूछे जाने वाले सवाल

मुझे कौन से आकार के आइकन चाहिए?: कम से कम एक 192x192 और एक 512x512 PNG अधिकतर इंस्टॉलेशन प्रॉम्प्ट और ऐप आइकन उपयोग को कवर करते हैं; विशिष्ट प्लेटफ़ॉर्म पर शार्पर आइकन चाहिए तो और आकार जोड़ें।
theme_color और background_color में क्या फ़र्क़ है?: theme_color आपके ऐप के आस-पास ब्राउज़र UI (जैसे एड्रेस बार या स्टेटस बार) को रंग देता है; background_color ऐप लोड होते समय, उसकी अपनी सामग्री दिखने से पहले, स्प्लैश स्क्रीन पृष्ठभूमि के रूप में संक्षेप में दिखाया जाता है।
अगर मैं PWA नहीं बना रहा तो भी क्या मुझे इसकी ज़रूरत है?: पूरी ऑफ़लाइन/service-worker सपोर्ट के बिना भी, मैनिफ़ेस्ट यह सुधारता है कि जब कोई विज़िटर साइट को बुकमार्क करे या होम स्क्रीन पर जोड़े तो उसका आइकन और नाम कैसे दिखे।

यह टूल क्या करता है

इस्तेमाल कैसे करें

निजता

अक्सर पूछे जाने वाले सवाल

संबंधित टूल