फ़ेविकॉन और वेब मैनिफ़ेस्ट
एक इमेज अंदर, पूरा सेट बाहर: सचमुच कई साइज़ वाला ICO, ऐपल की शर्तों के मुताबिक़ चपटा किया गया Apple touch आइकन, मैनिफ़ेस्ट के PNG, ख़ुद वेब मैनिफ़ेस्ट, और चिपकाने लायक़ HTML ब्लॉक। यह एंड्रॉइड की maskable कटाई भी काटने से पहले दिखा देता है — ज़्यादातर आइकन अपने किनारे चुपचाप वहीं गँवाते हैं।
यह गोला वही है जहाँ तक एंड्रॉइड काट सकता है। इसके बाहर की हर चीज़ कुछ डिवाइसों पर कट सकती है।
| फ़ाइल | आकार | इसे कौन इस्तेमाल करता है |
|---|
.ico अब भी क्यों मायने रखता है
ज़्यादातर ब्राउज़रों के लिए एक PNG काफ़ी है, और अगर आपको सिर्फ़ टैब का आइकन ही चाहिए तो आप वहीं रुक सकते हैं। ICO अपनी जगह इसलिए बनाता है कि वह कई रिज़ॉल्यूशन एक ही फ़ाइल में रखता है और सही वाला ऑपरेटिंग सिस्टम ख़ुद चुन लेता है — टैब 16 लेता है, पिन किया शॉर्टकट या डेस्कटॉप लिंक 32 या 48 लेता है, और हर एक उसी साइज़ के लिए बने बिटमैप से बनता है, न कि किसी बड़ी इमेज को मौक़े पर दबाकर। यहाँ बनने वाली फ़ाइल एक छोटे हेडर वाला PNG डिब्बा है, और इसी सदी में निकला हर ब्राउज़र इसे पढ़ लेता है।
maskable सुरक्षित क्षेत्र
एंड्रॉइड यह वादा नहीं करता कि आपका आइकन चौकोर ही दिखेगा। लॉन्चर के हिसाब से वह उसे गोल, स्क्वर्कल, या गोल कोनों वाले चौकोर में काट सकता है, और गारंटी सिर्फ़ भीतर वाले गोले की है — चौड़ाई का अस्सी प्रतिशत, बीचोंबीच। जो कलाकारी किनारों तक जाती है, वही अपने किनारे गँवाती है। इलाज यह है कि मैनिफ़ेस्ट आइकनों में हाशिया जोड़कर उन्हें सुरक्षित क्षेत्र के भीतर लाया जाए, और यहाँ का पूर्वावलोकन कटाई की रेखा खींच देता है ताकि आप उसे उपयोगकर्ता से पहले देख लें।
Apple touch आइकन में पारदर्शिता क्यों नहीं होती
iOS होम स्क्रीन के आइकन को अपनी ही गोल आकृति पर जोड़ता है और अल्फ़ा चैनल के साथ वैसा बर्ताव नहीं करता जैसा आप चाहेंगे; पारदर्शी हिस्से काले निकल आते हैं। इसीलिए वह एक फ़ाइल एन्कोड होने से पहले आपके बैकग्राउंड रंग पर चपटी कर दी जाती है, जबकि मैनिफ़ेस्ट के PNG अपना अल्फ़ा बनाए रखते हैं, जहाँ उसे ठीक से संभाला जाता है।
फ़ाइलों का क्या करें
इन्हें साइट की जड़ में रखिए, किसी assets फ़ोल्डर में नहीं — ब्राउज़र और क्रॉलर फ़ेविकॉन का रास्ता ख़ुद अंदाज़ लगाते हैं और कुछ तो लिंक हो या न हो, माँग ही लेते हैं। फिर HTML ब्लॉक को अपने पेज के head में चिपका दीजिए। सिर्फ़ मैनिफ़ेस्ट वाली पंक्ति का रास्ता उस जगह से मेल खाना चाहिए जहाँ आपने फ़ाइल सचमुच रखी है।
अक्सर पूछे जाने वाले प्रश्न
अगर मेरे पास PNG हैं तो क्या favicon.ico फिर भी चाहिए?
सख़्ती से देखें तो नहीं। व्यवहार में, हाँ — ढेरों क्रॉलर, फ़ीड रीडर और पुराने टूल फ़ेविकॉन को उसके रास्ते से माँगते हैं और आपका मार्कअप देखते ही नहीं। लागत बस कुछ किलोबाइट है।
मेरा आइकन 16 पिक्सल पर गँदला दिखता है। क्या करूँ?
यहाँ कुछ भी इसे ठीक नहीं कर सकता, क्योंकि जगह ही नहीं है। उस साइज़ पर किसी चिह्न के पास चौड़ाई में दस के आसपास पढ़ने लायक़ पिक्सल होते हैं; अक्षरों वाला लोगो हमेशा लुगदी बन जाएगा। स्रोत के तौर पर सरल संस्करण दीजिए — एक आकृति, एक अक्षर — और पूरा लॉकअप बाक़ी हर जगह के लिए रखिए।
क्या maskable हाशिया बंद कर दूँ?
सिर्फ़ तब, जब आपकी कलाकारी पहले से ही अपने भरपूर हाशिये के भीतर बैठी हो। अगर वह फ़्रेम भर देती है तो इसे चालू रहने दीजिए, वरना एंड्रॉइड उसी के भीतर काट देगा।
क्या मेरी इमेज कहीं अपलोड होती है?
नहीं। हर साइज़ इसी पेज के कैनवस पर बनता है और आर्काइव मेमोरी में जुड़ता है। कुछ भी बाहर नहीं भेजा जाता।
GO AI टीम ने बनाया। ऐप आइकन जनरेटर · बैच रिसाइज़र · सभी मुफ़्त टूल