मैं एक नियमित favicon और iPhone / iPad के अनुकूल favicon दोनों के रूप में एकल छवि का उपयोग करना चाहता हूं।
क्या यह संभव है? एक नियमित ब्राउज़र favicon के रूप में जुड़ा हुआ है तो एक iPad के अनुकूल 72x72 PNG पैमाने होगा? या मुझे एक अलग 16x16 या 32x32 छवि का उपयोग करना होगा?
जवाबों:
IE के लिए, Microsoft favicon.ico फ़ाइल में पैक 16x16, 32x32 और 48x48 की सिफारिश करता है ।
IOS के लिए, Apple iOS 8 को चलाने वाले नवीनतम उपकरणों के लिए, अधिकतम 180x180 पर विशिष्ट फ़ाइल नामों और प्रस्तावों की सिफारिश करता है ।
एंड्रॉइड क्रोम मुख्य रूप से एक मैनिफ़ेस्ट का उपयोग करता है और यह ऐप्पल टच आइकन पर भी निर्भर करता है।
विंडोज 8.0 पर IE 10 के लिए PNG चित्रों और एक पृष्ठभूमि रंग की आवश्यकता होती है और IE 8.1 पर Windows 8.1 और 10 में एक समर्पित XML फ़ाइल में घोषित कई PNG चित्रों को स्वीकार करता हैbrowserconfig.xml ।
मैक ओएस एक्स एल कैपिटन के लिए सफारी पिन किए गए टैब के लिए एक एसवीजी आइकन पेश करता है ।
कुछ अन्य प्लेटफ़ॉर्म विभिन्न प्रस्तावों के साथ PNG फ़ाइलों की तलाश करते हैं, जैसे Google TV के लिए 96x96 चित्र या ओपेरा कोस्ट के लिए 228x228 चित्र ।
संपूर्ण संदर्भ के लिए इस फ़ेविकॉन चित्रों की सूची देखें ।
TLDR: यह फ़ेविकॉन जनरेटर एक ही बार में इन सभी फ़ाइलों को उत्पन्न कर सकता है। जनरेटर को एक वर्डप्रेस प्लगइन के रूप में भी लागू किया जा सकता है । पूर्ण प्रकटीकरण: मैं इस साइट का लेखक हूं।
मुझे यहाँ सूचीबद्ध जानकारी तक नहीं दिखाई देती है, इसलिए यहाँ जाता है:
अब इस प्रश्न का उत्तर देने के लिए, 2 फ़ेविकॉन ऐसा नहीं करेंगे यदि आप चाहते हैं कि आपका आइकन हर जगह शानदार दिखे। नीचे दिए गए आकार देखें:
16 x 16 - ब्राउज़रों के लिए मानक आकार
24 x 24 - उपयोगकर्ता इंटरफ़ेस के लिए IE9 पिन किए गए साइट का आकार
32 x 32 - IE नया पृष्ठ टैब, विंडोज 7+ टास्कबार बटन, सफारी रीडिंग सूची साइडबार
48 x 48 - विंडोज साइट
57 x 57 - आइपॉड टच , iPhone 3 जी
60 x 60 तक - iPhone iOS7
64 x 64 तक टच - विंडोज़ साइट, HiDPI / रेटिना
70 x 70 में सफारी रीडर सूची साइडबार - 8.1 8.1 विन टाइल मेट्रो
72 x 72 - iPad iOS6
76 x 76 तक टच - iOS7
96 x 96 - GoogleTV
114 x 114 - iPhone रेटिना iOS6
120 x 120 तक टच - iPhone रेटिना टच iOS7
128 x 128 - क्रोम वेब स्टोर ऐप, एंड्रॉइड
144 x 144 - पिन किए गए साइट के लिए IE10 मेट्रो टाइल, iOS6 iOS6 तक
150 x 150 - विन 8.1 मेट्रो टाइल
152 x 152 - iPad रेटिना टच iOS7
196 x 196 - एंड्रॉइड क्रोम
310 x 150 - विन 8.1 चौड़ा मेट्रो टाइल
310 x 310 - विन 8.1 मेट्रो टाइल
मुझे यकीन नहीं है कि / कैसे ब्राउज़र बड़े आइकनों को मापते हैं, लेकिन W3C निम्नलिखित 1 का सुझाव देता है :
आपके द्वारा चुनी गई छवि का प्रारूप 8x या 24-बिट रंगों का उपयोग करके 16x16 पिक्सेल या 32x32 पिक्सेल होना चाहिए। छवि का प्रारूप PNG (W3C मानक), GIF या ICO में से एक होना चाहिए।
1 w3c.org: अपनी साइट पर एक फ़ेविकॉन कैसे जोड़ें (विकास में मसौदा) ।
[current year]मुझे नरक में अभी भी कुछ बकवास सीमाओं से निपटने की आवश्यकता क्यों है जब सामान आप अकेले सीएसएस के साथ कर सकते हैं वह काफी आश्चर्यजनक है, और मैंने लगभग आपका जवाब याद किया। मैं अभी जो कुछ भी चाहता हूं उसका उपयोग करूंगा और अगर कुछ इसका समर्थन नहीं करता है, तो यह मानक के अनुसार उनका मुद्दा है।
वास्तव में, अपने फ़ेविकॉन को सभी ब्राउज़रों में ठीक से काम करने के लिए, आपको सही आकार और प्रारूप में 10 से अधिक फ़ाइलों को जोड़ना होगा।
मेरे दोस्त और मैंने इसके लिए एक ऐप बनाया है! आप इसे faviconit.com में पा सकते हैं
हमने ऐसा किया है, इसलिए लोगों को इन सभी छवियों और हाथ से सही टैग बनाने की ज़रूरत नहीं है, उन सभी को बनाएं जो मुझे बहुत परेशान करते थे!
आप एक ही फ़ाइल में कई आकारों के आइकन रख सकते हैं। मैं नियमित रूप से फेविकॉन्स ( .icoफ़ाइल) बनाता हूं जो 48, 32 और 16 पिक्सेल हैं। आप अपनी इच्छानुसार किसी भी आकार की छवि में जोड़ सकते हैं। सवाल यह है कि क्या आईफोन एक icoफाइल का उपयोग करेगा ?
icoपारदर्शिता का भी समर्थन करता है, लेकिन मुझे यकीन नहीं है कि यह पीएनजी की तरह एक अल्फा चैनल है; शायद GIF को अधिक पसंद है जहां यह चालू है या यह बंद है।
.icoफ़ाइल में ऐसी छवियों को शामिल करने के लिए GIMP का उपयोग कैसे कर सकते हैं ।
फ़ेविकॉन पर विकिपीडिया अनुच्छेद के अनुसार , इंटरनेट एक्सप्लोरर फ़ेविकॉन के लिए केवल ICO प्रारूप का समर्थन करता है।
मैं दो अलग-अलग आइकन के साथ रहना चाहूंगा।
फ़ेविकॉन 16x16 या 32x32 होना आवश्यक नहीं है। आप एक फ़ेविकॉन बना सकते हैं जो 80x80 या 100x100 है, बस यह सुनिश्चित करें कि दोनों मान समान आकार के हैं, और जाहिर है कि यह बहुत बड़ा या बहुत छोटा नहीं है, एक उचित आकार चुनें।
मुझे डर है कि प्रत्येक संकल्प के लिए आपको अलग-अलग फ़ाइलों की आवश्यकता होगी। अभियान मॉनीटर पर वास्तव में एक अच्छा लेख है जिसमें बताया गया है कि कैसे उन्होंने प्रत्येक आईओएस डिवाइस के लिए अपने आइकनों को बनाया और कार्यान्वित किया है:
http://www.campaignmonitor.com/blog/post/3234/designing-campaign-monitor-ios-icons/
जैसा कि मैंने सीखा, उन कई समाधानों में से कोई भी दोष नहीं है। फ़ेविकॉन जनरेटर का उपयोग करना वास्तव में एक अच्छा समाधान है, लेकिन उनकी संख्या भारी है और इसे चुनना मुश्किल है। मैं यह जोड़ना चाहता हूं कि यदि आप चाहते हैं कि आपकी वेबसाइट PWA सक्षम हो, तो आपको Google देवों द्वारा बताए अनुसार 512x512 आइकन भी प्रदान करना होगा :
एक 192px और एक 512px संस्करण सहित प्रतीक
मैं उस मापदंड को लागू करने वाले बहुत सारे फ़ेविकॉन जनरेटर से नहीं मिला ( फायरबेस करता है , लेकिन बहुत सी चीजें हैं जो यह नहीं करता है)। तो समाधान कई अन्य समाधानों का मिश्रण होना चाहिए।
मुझे नहीं पता, आज 2020 की शुरुआत में अगर 16x16, 32x32 अभी भी प्रासंगिक है। मुझे लगता है कि यह अभी भी कुछ संदर्भों में मायने रखता है, उदाहरण के लिए, यदि आपके उपयोगकर्ता अभी भी किसी कारण से IE का उपयोग करते हैं (यह चित्र कुछ निजी कंपनियों में होता है जो कुछ कारणों से एक नए ब्राउज़र पर नहीं जाते हैं)