2026 में Favicon के Sizes: वह छोटी सूची जो सब कुछ कवर करती है
पुरानी सलाह बीस icons वाला एक folder थी। इनमें से ज़्यादातर उन devices को लक्षित करते हैं जिन्हें कोई नहीं चलाता। यहां वह छोटी सूची है जो 2026 में हर असली surface को कवर करती है।
सूची क्यों छोटी हो गई
पिछले दशक के फैले हुए favicon packs पुराने iOS वर्शनों, पुराने Android launchers और Windows tiles को कवर करने के लिए मौजूद थे। वे surfaces या तो ख़त्म हो चुके हैं या अब tags नहीं पढ़ते। उनके लिए icons ship करना ऐसे bytes और link tags जोड़ता है जिन्हें कोई consume नहीं कर रहा।
आधुनिक सेट उसे लक्षित करता है जो अब भी मौजूद है: browser tab, iOS home screen, और manifest के ज़रिए Android launcher। छह फ़ाइलें, और उनमें से एक वैकल्पिक है।
वे sizes जो आपको सच में चाहिए
| Size | किसके लिए इस्तेमाल | रखें? |
|---|---|---|
| 16, 32, 48 | browser tab और bookmarks, favicon.ico के अंदर बंडल | रखें |
| 180x180 | iOS home screen के लिए apple-touch-icon | रखें |
| 192x192 | Android launcher icon, manifest में सूचीबद्ध | रखें |
| 512x512 | PWA splash और install prompt, manifest में सूचीबद्ध | रखें |
| SVG | किसी भी size पर तीखा tab icon, dark mode के अनुसार ढल सकता है | वैकल्पिक |
वे sizes जिन्हें ship करना बंद करें
| Size | किसके लिए था | रखें? |
|---|---|---|
| 57, 60, 72, 76 | iOS 6 और पुराने iPads के लिए apple-touch-icon | हटाएं |
| 114, 120, 144, 152 | पुराने iPhones और iPads के लिए Retina apple-touch-icon | हटाएं |
| 70, 150, 310 | browserconfig.xml के ज़रिए Windows tile icons | हटाएं |
| 96, 160, 196 | विविध पुराने Android और Chrome shortcut sizes | हटाएं |
apple-touch-icon की संख्या के बारे में
पुराने packs हर retina size पर एक apple-touch-icon ship करते थे क्योंकि शुरुआती iOS एक ही icon को ठीक से scale नहीं करता था। मौजूदा iOS एक 180x180 PNG लेता है और जिस भी context की ज़रूरत हो उसके लिए उसे नीचे scale कर देता है। एक फ़ाइल apple-icon-57 से apple-icon-152 तक की पूरी सीढ़ी की जगह ले लेती है।
Android के लिए भी यही कहानी है। manifest 192 और 512 सूचीबद्ध करता है, और launcher बाकी निकाल लेता है। आप हर बीच के size को हाथ से नहीं बनाते।
अक्सर पूछे जाने वाले सवाल
2026 में मुझे किन favicon sizes की ज़रूरत है?
एक favicon.ico के अंदर 16, 32 और 48; एक 180x180 apple-touch-icon; manifest के लिए एक 192x192 और एक 512x512 PNG; और एक वैकल्पिक SVG। यह tab, iOS और Android को कवर करता है।
क्या मुझे अब भी apple-icon-57, 72 और 114 चाहिए?
नहीं। मौजूदा iOS एक 180x180 apple-touch-icon लेता है और उसे scale करता है। retina sizes की सीढ़ी उन iOS वर्शनों को लक्षित करती थी जिन्हें अब लगभग कोई नहीं चलाता।
क्या मुझे Windows tile icons ship करने चाहिए?
नहीं। 70, 150 और 310 tile sizes और browserconfig.xml Windows live tiles को लक्षित करते थे, जो सेवानिवृत्त हो चुके हैं। इन्हें हटा दें।
क्या एक favicon.ico एक से ज़्यादा size रख सकता है?
हां। .ico फ़ॉर्मैट एक container है जो एक ही फ़ाइल में 16, 32 और 48 रखता है। browser उसके अंदर से जिस size की ज़रूरत हो उसे चुन लेता है।