फेविकॉन साइज समझाया गया (16–256): favicon.ico में क्या शामिल करें
जानें कि बिल्कुल कौन से आइकन साइज आपके favicon.ico में हैं और प्रत्येक क्यों मायने रखता है
अभी बदलेंफेविकॉन वास्तव में कहां दिखाई देते हैं
अधिकांश लोग फेविकॉन को ब्राउज़र टैब में छोटे आइकन के रूप में सोचते हैं, लेकिन वे उससे कहीं अधिक स्थानों पर दिखाई देते हैं। प्रत्येक संदर्भ को समझने से आपको यह चुनने में मदद मिलती है कि कौन से साइज शामिल करें ताकि आपका आइकन हमेशा तेज दिखे।
ब्राउज़र टैब सबसे दृश्यमान स्थान हैं। प्रत्येक खुला टैब आपके फेविकॉन को लगभग 16 पिक्सेल पर प्रदर्शित करता है। बुकमार्क बार और मेनू भी अधिकांश ब्राउज़रों में 16 पिक्सेल पर आपके आइकन को रेंडर करते हैं।
एड्रेस बार और खोज सुझाव कुछ ब्राउज़रों में URL के बगल में फेविकॉन दिखाते हैं, आमतौर पर डिस्प्ले घनत्व के आधार पर 16 या 32 पिक्सेल पर। इतिहास पैनल समान रूप से व्यवहार करते हैं।
ब्राउज़र से परे, फेविकॉन ऑपरेटिंग सिस्टम संदर्भों में भी दिखाई देते हैं। जब उपयोगकर्ता आपकी साइट को Windows टास्कबार पर पिन करता है या डेस्कटॉप शॉर्टकट बनाता है, तो OS ICO फाइल से खींचता है और 48, 64, या यहां तक कि 256 पिक्सेल पर आइकन रेंडर कर सकता है।
प्रत्येक फेविकॉन साइज किसके लिए है
प्रत्येक पिक्सेल आयाम एक विशिष्ट उद्देश्य की सेवा करता है।
| साइज (px) | सामान्य उपयोग | शामिल करें? |
|---|---|---|
| 16 × 16 | ब्राउज़र टैब, बुकमार्क बार, एड्रेस बार, इतिहास | हां — आवश्यक |
| 32 × 32 | उच्च-DPI ब्राउज़र टैब, Windows टास्कबार, macOS Safari | हां — आवश्यक |
| 48 × 48 | Windows साइट-पिन्ड शॉर्टकट, Windows Explorer | हां — अनुशंसित |
| 64 × 64 | कुछ Windows UI सतहें, RSS रीडर | वैकल्पिक |
| 128 × 128 | Windows बड़े-आइकन दृश्य, Chrome Web Store | वैकल्पिक |
| 256 × 256 | Windows अतिरिक्त-बड़ा दृश्य, उच्च-DPI डेस्कटॉप शॉर्टकट | पूर्णता के लिए अनुशंसित |
16 और 32 पिक्सेल पूर्ण आवश्यकताएं हैं। इनके बिना, ब्राउज़र एक सामान्य ग्लोब या खाली आइकन पर वापस आते हैं।
48 पिक्सेल तब चित्र में प्रवेश करता है जब उपयोगकर्ता आपकी साइट के लिए Windows शॉर्टकट बनाते हैं।
64 और 128 पिक्सेल विशिष्ट संदर्भों में दिखाई देते हैं। इन्हें शामिल करने से ICO फाइल में केवल कुछ किलोबाइट जुड़ते हैं।
256 पिक्सेल उच्च-DPI मॉनिटर पर सबसे अधिक मायने रखता है।
अनुशंसित सुरक्षित सेट
यदि आप एक सिंगल favicon.ico चाहते हैं जो अनावश्यक ब्लोट के बिना संदर्भों की व्यापक श्रृंखला को कवर करता है, तो इस सुरक्षित सेट का उपयोग करें:
- 16 px — ब्राउज़र टैब और बुकमार्क
- 32 px — उच्च-DPI टैब और Windows टास्कबार
- 48 px — Windows डेस्कटॉप शॉर्टकट
- 256 px — उच्च-DPI और अतिरिक्त-बड़े आइकन दृश्य
यह चार-साइज सेट ICO फाइल को कॉम्पैक्ट रखता है (आमतौर पर 30 KB से कम) जबकि हर प्रमुख संदर्भ में तेज रेंडरिंग सुनिश्चित करता है।
सही फेविकॉन साइज कैसे जेनरेट करें
Any2ICO के साथ मल्टी-साइज favicon.ico बनाना कुछ चरण लेता है। टूल PNG, JPG, WebP, GIF, BMP, AVIF, और SVG सोर्स इमेजेज को 10 MB तक स्वीकार करता है।
- उच्च-रिज़ॉल्यूशन सोर्स के साथ शुरू करें। अपने लोगो या आइकन को 512 पिक्सेल या बड़े पर अपलोड करें।
- अपने साइज चुनें। 16, 32, 48, और 256 (सुरक्षित सेट) के लिए बॉक्स चेक करें।
- स्केलिंग व्यवहार चुनें। अधिकांश लोगो के लिए, transparent बैकग्राउंड के साथ contain सर्वोत्तम विकल्प है।
- अपना favicon.ico डाउनलोड करें। परिणामी फाइल को अपनी वेबसाइट की रूट में रखें।
समापन
सही फेविकॉन साइज चुनना जटिल नहीं होना चाहिए। मूल नियम सरल है: हमेशा 16 और 32 पिक्सेल शामिल करें, Windows और उच्च-DPI कवरेज के लिए 48 और 256 जोड़ें, और प्रत्येक साइज को तेज रखने के लिए उच्च-रिज़ॉल्यूशन सोर्स इमेज का उपयोग करें।