2026 में favicon के सर्वोत्तम आकार — मल्टी-साइज़ ICO + apple-touch-icon + SVG
Tomoda Hinataटूल लेखक और अनुरक्षक26 अप्रैल 2026 को प्रकाशितलगभग 4 मिनट का पठन
पहले रूट में एक 16×16 favicon.ico पर्याप्त था; आधुनिक ब्राउज़र स्टैक माँगता है: मल्टी-साइज़ ICO (16/32/48), iOS के लिए apple-touch-icon, किसी भी आकार पर वेक्टर-स्पष्ट SVG favicon, और (वैकल्पिक) PWA इंस्टॉल के लिए मेनिफ़ेस्ट आइकन सेट।
इस गाइड में उपयोग किए गए टूल
आधुनिक टैब वास्तव में किन आकारों का उपयोग करता है?
Chrome/Edge 16 या 32, Firefox 16/32, Safari 16/32, Windows टास्कबार 48। 16/32/48 वाला ICO इन सबको कवर।
apple-touch-icon अनिवार्य क्यों
iOS अन्यथा पेज की थंबनेल लेता है; 180×180 PNG मूल लक्ष्य।
SVG favicon — वेक्टर + निःशुल्क डार्क मोड
Firefox 41+/Chrome 80+/Safari 9+/Edge 80+ समर्थन। SVG में `prefers-color-scheme` से OS थीम पर स्वचालित।
PWA मेनिफ़ेस्ट आइकन
192/512 PNG, manifest.webmanifest में।
न्यूनतम आधुनिक सेटअप
head: SVG → ICO → apple-touch-icon → manifest (PWA)।
चरण
लगभग 1 मिनटवर्ग 512×512 मास्टर
वर्ग आवश्यक।
मल्टी-साइज़ ICO
16/32/48 जुड़े।
apple-touch-icon
180×180 PNG, iOS स्वतः गोल कोने जोड़ता है।
साइट रूट में रखें
ऊपर दिखाए अनुसार head में लिंक करें।
| संसाधन | आकार | उद्देश्य |
|---|---|---|
| favicon.ico (16+32+48) | 5–8 KB | टैब/बुकमार्क/पिन |
| favicon.svg | 1–4 KB | वेक्टर + डार्क मोड |
| apple-touch-icon.png | 8–15 KB | iOS होम |
| icon-192.png | 10–18 KB | PWA Android |
| icon-512.png | 25–60 KB | PWA स्प्लैश |
अक्सर पूछे जाने वाले प्रश्न
क्या SVG होते हुए भी ICO चाहिए?
हाँ, पुराने ब्राउज़र और लिंक प्रीव्यू ICO अपेक्षित करते हैं।
180×180 क्यों, 192 क्यों नहीं?
iPhone HiDPI होम स्क्रीन का मूल लक्ष्य।
ICO में 64?
वैकल्पिक; IE <0.1% पर छोड़ें।
SVG डार्क मोड कैसे लिखें?
SVG में `<style>` + `prefers-color-scheme`।
ICO पारदर्शिता?
आधुनिक ICO समर्थन करता है।
अपलोड होता है?
नहीं।
अभी आज़माएँ
Turn any image into a multi-size ICO file
ICO / Favicon Makerइस लेख में AI अनुवाद शामिल है। त्रुटि मिलने पर कृपया बताएँ।