फ़ेविकॉन जेनरेटर - हर आकार और HTML भी
फ़ेविकॉन जेनरेटर
आकार
आपके head के लिए HTML
फ़ाइलें साइट की जड़ में रखें, फिर यह head के भीतर चिपकाएँ।
यह टूल क्या करता है
फ़ेविकॉन को अकेला 16 पिक्सेल का चौकोर हुए बरसों बीत गए। आज किसी साइट को टैब, विंडोज़ शॉर्टकट, आईफ़ोन होम स्क्रीन और एंड्रॉइड इंस्टॉल प्रॉम्प्ट के लिए मुट्ठी भर आकार चाहिए, और उन तक इशारा करने वाली मार्कअप भी। यह पेज यह सब एक तस्वीर से, आपके ब्राउज़र में बना देता है।
इसे कैसे इस्तेमाल करें
- 1 चौकोर इमेज छोड़ें, बेहतर हो कि 512 px या उससे बड़ी हो।
- 2 पूर्वावलोकन में हर आकार जाँचें, और अगर आपकी इमेज पारदर्शी है तो पृष्ठभूमि चुनें।
- 3 ज़िप डाउनलोड करें, उसे साइट की जड़ में खोलें और HTML चिपका दें।
लोगो के लिए नहीं, 16 पिक्सेल के लिए डिज़ाइन करें
टैब के आकार पर फ़ेविकॉन इस पेज के एक पूर्णविराम जितना चौड़ा होता है। शब्द-चिह्न धूसर धब्बे बन जाते हैं और पतली रेखाएँ पूरी तरह ग़ायब। इस पैमाने पर एक अकेला अक्षर, कोई सरल आकृति, या लोगो का सबसे पहचाना जाने वाला टुकड़ा ही बचता है; पूरा लोगो लगभग कभी नहीं।
| आकार | कहाँ इस्तेमाल होता है |
|---|---|
| 16×16 | ब्राउज़र टैब, बुकमार्क बार |
| 32×32 | हाई-डेंसिटी स्क्रीन पर टैब, टास्कबार |
| 48×48 | विंडोज़ शॉर्टकट और साइट टाइल |
| 180×180 | आईफ़ोन और आईपैड की होम स्क्रीन |
| 192×192 | एंड्रॉइड होम स्क्रीन और ऐप स्विचर |
| 512×512 | इंस्टॉल प्रॉम्प्ट और स्प्लैश स्क्रीन |
PNG काफ़ी है; ICO बीते ज़माने का अवशेष है
आज इस्तेमाल में मौजूद हर ब्राउज़र PNG फ़ेविकॉन पढ़ लेता है, इसलिए PNG फ़ाइलों का ढेर और सही link टैग वेब के लिए काफ़ी हैं। .ico नाम का डिब्बा इसलिए है कि इंटरनेट एक्सप्लोरर उसे साइट की जड़ में खोजता था; जब तक किसी बहुत पुरानी चीज़ का साथ न देना हो, इसे छोड़ सकते हैं।
फ़ोन पर पारदर्शिता अलग बर्ताव करती है
ब्राउज़र टैब में पारदर्शी आइकन थीम जो भी दे उस पर अच्छे से बैठ जाता है। आईफ़ोन की होम स्क्रीन पर उसी फ़ाइल के पीछे ठोस काला चौकोर आ जाता है, क्योंकि iOS वहाँ पारदर्शिता को मिलाता नहीं। एक पृष्ठभूमि रंग तय कर दें, तो आइकन दोनों जगह जान-बूझकर बनाया हुआ लगता है।
ब्राउज़र अब भी पुराना क्यों दिखा रहा है
फ़ेविकॉन बहुत सख़्ती से और लंबे समय तक कैश होते हैं, कभी-कभी सामान्य रिफ़्रेश से भी आगे। पहले आइकन फ़ाइल सीधे खोलकर पक्का करें कि नया सचमुच वहाँ है, फिर निजी विंडो में देखें। फ़ाइल का नाम बदलना, या उसमें कोई वर्शन जोड़ देना, अपडेट कराने का भरोसेमंद तरीक़ा है।