फेविकॉन छोटा आइकन है जो ब्राउज़र टैब, बुकमार्क सूची और एड्रेस बार सुझावों में दिखाई देता है जब कोई वेबसाइट पर जाता है। इसे सही करने में केवल एक छवि को छोटा बनाने से अधिक शामिल है। एक फेविकॉन जो तेज दिखता है, उसके लिए सही पिक्सेल आयाम, एक साफ केंद्रित डिज़ाइन और उस संदर्भ के लिए सही प्रारूप की आवश्यकता होती है जिसमें इसका उपयोग किया जा रहा है। मानक फेविकॉन आकार ब्राउज़र टैब डिस्प्ले के लिए 16x16 पिक्सेल है, जिसमें उच्च-घनत्व डिस्प्ले के लिए 32x32 और पूर्ण फेविकॉन पैकेजों में 48x48 शामिल है। खराब तैयार किया गया फेविकॉन टैब में धुंधला या अस्पष्ट दिखता है, जो एक छोटा सा विवरण है जो वेबसाइट की समग्र गुणवत्ता को दर्शाता है।
फेविकॉन के लिए छवि का आकार कैसे बदलें
बेस फेविकॉन के लिए, चौड़ाई और ऊँचाई दोनों फ़ील्ड में 16 दर्ज करें और मजबूर वर्गाकार आउटपुट के लिए पहलू अनुपात बनाए रखें चेकबॉक्स को बंद करें। उच्च-रिज़ॉल्यूशन संस्करण के लिए, दोनों फ़ील्ड में 32 के साथ प्रक्रिया दोहराएं। पूर्ण फेविकॉन पैकेज के लिए, उसी छवि को 16x16, 32x32 और 48x48 पर अलग-अलग प्रोसेस करें।
स्रोत छवि गुणवत्ता फेविकॉन आकारों पर लगभग किसी भी अन्य आयाम की तुलना में अधिक मायने रखती है। एक जटिल लोगो या विस्तृत चित्रण 16x16 पर सभी पहचानने योग्य रूप खो देता है। साफ किनारों और न्यूनतम विवरण वाला एक सरल बोल्ड आइकन बहुत बेहतर बना रहता है। आइकन के सबसे बड़े उपलब्ध संस्करण से शुरू करें और प्रत्येक आकार पर सबसे तेज परिणाम के लिए नीचे स्केल करें। एक साथ कई आकार अपलोड करें और पूरा होने पर ZIP के रूप में डाउनलोड करें।
मानक फेविकॉन आकार
16x16 पिक्सेल: मानक रिज़ॉल्यूशन स्क्रीन पर ब्राउज़र टैब में प्रदर्शित आधार आकार। 32x32 पिक्सेल: उच्च-घनत्व डिस्प्ले और Windows डेस्कटॉप शॉर्टकट द्वारा उपयोग किया जाता है। 48x48 पिक्सेल: व्यापक संगतता के लिए पूर्ण फेविकॉन पैकेजों में शामिल। 180x180 पिक्सेल: Apple Touch Icon आकार जब एक वेबसाइट iOS होम स्क्रीन पर सहेजी जाती है तो उपयोग किया जाता है। 192x192 पिक्सेल: Android डिवाइस द्वारा होम स्क्रीन वेब ऐप आइकन के लिए उपयोग किया जाता है। एक पूर्ण फेविकॉन पैकेज में आमतौर पर उसी स्रोत आइकन से उत्पन्न ये सभी आकार शामिल होते हैं।
फेविकॉन के लिए आउटपुट प्रारूप
PNG आधुनिक फेविकॉन कार्यान्वयन के लिए सबसे व्यापक रूप से समर्थित प्रारूप है। अधिकांश ब्राउज़र HTML हेड में लिंक टैग के माध्यम से सीधे PNG फेविकॉन फ़ाइलों को स्वीकार करते हैं। PNG में पारदर्शी पृष्ठभूमि समर्थित हैं और फेविकॉन को ब्राउज़र टैब रंग पर साफ़ बैठने की अनुमति देते हैं। पारंपरिक ICO प्रारूप एक ही फ़ाइल में कई आकारों को बंडल करता है और अभी भी रूट favicon.ico फ़ाइल के लिए उपयोग किया जाता है जिसे ब्राउज़र डिफ़ॉल्ट रूप से खोजते हैं। सही आकार पर PNG अधिकांश आधुनिक वेब परियोजनाओं के लिए सबसे सीधा दृष्टिकोण है।