फ़ेविकॉन जेनरेटर

एक अकेली आइकन फ़ाइल को ब्राउज़र टैब को 16 पिक्सल पर, मोबाइल होम स्क्रीन को 180 पिक्सल पर, Android ऐप ड्रॉअर को 512 पिक्सल तक, और Windows टास्कबार थंबनेल को सर्व करना होगा — ऐसी सतहें जिनके रिज़ॉल्यूशन, अनुपात संभालने और बैकग्राउंड कंपोज़िशन के नियम एकदम अलग हैं, जिनमें से कोई भी एक आदर्श सोर्स रिज़ॉल्यूशन शेयर नहीं करती। इतिहास में इसी वजह से साइटें या तो सिर्फ़ लो-रिज़ॉल्यूशन `favicon.ico` भेजती थीं जो हर जगह धुँधला दिखता था, या मोबाइल और PWA आइकन को पूरी तरह छोड़ देती थीं। एक सोर्स से हर साइज़ जेनरेट करना और उन्हें साथ में पैकेज करना ही आइकन को हर जगह एक साथ तीखा और सही दिखाता है, न कि एक जगह स्वीकार्य और बाक़ी जगह ग़लत।

वेब मैनिफ़ेस्ट एक संबंधित लेकिन अलग वजह से मौजूद है: यही वह चीज़ है जो Android और Chromium डेस्कटॉप ब्राउज़र को "ऐप इंस्टॉल करें" ऑफ़र करने और इंस्टॉल होने के बाद साइट को अपने ही आइकन और नाम से दिखाने देती है, न कि एक सामान्य ग्लोब आइकन वाले बुकमार्क के रूप में। फ़ेविकॉन और PWA आइकन प्लेटफ़ॉर्म के अलग-अलग हिस्सों द्वारा संभाले जाते हैं, इसीलिए यहाँ एक साधारण आइकन सेट और मैनिफ़ेस्ट दोनों साथ में जेनरेट किए जाते हैं।

ब्राउज़र टैब किसी फ़ेविकॉन का सबसे छोटा और सबसे ज़्यादा देखा जाने वाला रेंडरिंग है, और यह निर्दयी है: 16×16 पिक्सल पर एक स्पष्ट शेप के लिए जगह होती है, ज़्यादा से ज़्यादा दो, और एक अकेले अक्षर या नंबर से ज़्यादा टेक्स्ट के लिए लगभग कोई जगह नहीं। कई एलिमेंट वाला पूरा लोगो जो सामान्य साइज़ पर चमकदार दिखता है, वह टैब साइज़ पर आमतौर पर एक धुँधले धब्बे में बदल जाता है, क्योंकि उसे पहचानने योग्य बनाने वाली डिटेल के लिए बचे हुए पिक्सल ही नहीं होते जिन पर वह रेंडर हो सके।

सबसे भरोसेमंद सोर्स इमेज एक अकेला ग्लिफ़, मोनोग्राम, या सादे या पारदर्शी बैकग्राउंड पर सरल आइकन है, आदर्श रूप से 512×512 या बड़ा दिया गया ताकि हर जेनरेट किया गया साइज़ बड़ा करने की बजाय एक साफ़-सुथरी कमी हो। अगर मौजूदा लोगो जटिल है, तो आमतौर पर पूरे सेट को घटाकर उसके सुसंगत रहने की उम्मीद करने की बजाय उसमें से एक पहचानने योग्य एलिमेंट — कोई मोनोग्राम, कोई प्रतीक, कोई अलग शेप — निकालना या सरल बनाना बेहतर है।

पारदर्शी बैकग्राउंड वाला फ़ेविकॉन ब्राउज़र टैब की लाइट और डार्क दोनों थीम में साफ़ तरीक़े से फ़िट होता है, जो सही विकल्प है जब तक ख़ुद डिज़ाइन को एक की ज़रूरत न हो। हालाँकि, कुछ टारगेट बिल्कुल पारदर्शिता इस्तेमाल नहीं कर सकते — विशेष रूप से Apple टच आइकन को iOS द्वारा गोल कोनों वाला अपना मास्क लगाने से पहले एक ठोस बैकग्राउंड पर कंपोज़ किया जाता है, तो पारदर्शी सोर्स से एक ऐसा लोगो बनता है जो काले रंग पर तैरता दिखता है, न कि वह साफ़-सुथरा आइकन जो किसी भी दूसरे iOS ऐप के पास होता है। पहले से एक ठोस बैकग्राउंड रंग चुनना, डिफ़ॉल्ट सफ़ेद या काले की बजाय किसी ब्रांड रंग से मिलाकर, यही वह चीज़ है जो आइकन को हर सतह पर जान-बूझकर बनाया हुआ दिखाती है, न कि कुछ पर सही और कुछ पर नहीं।