PWA Icons: एक Installable App को क्या चाहिए
किसी browser द्वारा आपकी साइट को एक installable PWA मानने के लिए, उसके manifest में कम-से-कम एक 192x192 और एक 512x512 PNG आइकन सूचीबद्ध होना चाहिए। एक maskable आइकन की ज़ोरदार सिफ़ारिश की जाती है ताकि Android इसे launcher के आकार में ढाल सके, और iOS को अब भी एक अलग apple-touch-icon चाहिए क्योंकि वह home-screen icons के लिए manifest को अनदेखा करता है। 192/512 की जोड़ी छूट जाए तो install prompt नहीं दिखेगा।
Install का द्वार
Chrome और अन्य Chromium browsers तब तक PWA इंस्टॉल करने की पेशकश नहीं करेंगे जब तक manifest में एक 192x192 और एक 512x512 आइकन दोनों सूचीबद्ध न हों। वह जोड़ी एक कड़ी आवश्यकता है: इसके बिना कोई install prompt नहीं है, चाहे manifest में और कुछ भी हो।
192 home-screen shortcut की भी सेवा करता है और 512 splash screen तथा high-density displays को खिलाता है। एक maskable संस्करण Android को आइकन को एक सफ़ेद डिब्बे में फ़्रेम करने के बजाय launcher के इस्तेमाल किए गए आकार में crop करने देता है।
एक PWA को कौन-से icons चाहिए
| Icon | यह क्यों ज़रूरी है |
|---|---|
| 192x192 PNG | Install आवश्यकता और home-screen shortcut |
| 512x512 PNG | Splash screen और high-density displays |
| Maskable icon | Android को आइकन को launcher के आकार में ढालने देता है |
| apple-touch-icon 180x180 | iOS home screen: manifest इसे कवर नहीं करता |
PWA icons FAQ
एक PWA को कौन-से icon sizes चाहिए?
कम-से-कम manifest में एक 192x192 और एक 512x512 PNG, आदर्श रूप से एक maskable वेरिएंट के साथ, साथ ही iOS home screens के लिए एक 180x180 apple-touch-icon।
मेरा PWA install क्यों नहीं होगा?
सबसे आम कारण एक ऐसा manifest है जिसमें 192x192 या 512x512 आइकन नहीं है: browser द्वारा install prompt दिखाने से पहले दोनों ज़रूरी हैं। पहले manifest के icons array को जाँचें।
क्या PWA icons iOS home screens को कवर करते हैं?
नहीं। iOS home screen के लिए manifest के icons को अनदेखा करता है और इसके बजाय apple-touch-icon इस्तेमाल करता है, इसलिए आपको वह फ़ाइल भी चाहिए।