2011-11-18 5 views
8

अगर मैं ऐसा तरह फ़ेविकॉन PNG का के लिए अलग छवि आकार निर्दिष्ट करें:क्या सर्वर से प्राप्त सभी फेविकॉन आकार हैं?

<link rel="icon" type="image/png" sizes="16x16" href="/favicon.png" /> 
<link rel="icon" type="image/png" sizes="24x24" href="/favicon-24px.png" /> 
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32px.png" /> 
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48px.png" /> 
<link rel="icon" type="image/png" sizes="64x64" href="/favicon-64px.png" /> 
<link rel="icon" type="image/png" sizes="256x256" href="/favicon-256px.png" /> 
<link rel="icon" type="image/png" sizes="512x512" href="/favicon-512px.png" /> 
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> 

इन फ़ाइलों में से हर एक है प्राप्त किए गए हैं?

उत्तर

3

specification के अनुसार, सबसे उपयुक्त आइकन का उपयोग किया जाएगा। इसलिए ऐसी कोई चीज़ लाने की आवश्यकता नहीं है जिसका उपयोग न हो।

यदि एकाधिक आइकन प्रदान किए जाते हैं, तो उपयोगकर्ता एजेंट को प्रकार, मीडिया और आकार विशेषताओं के अनुसार सबसे उपयुक्त आइकन चुनना होगा।

+1

spec केवल यह कहता है कि यह तय करेगा कि किस का उपयोग करना है। चाहे वह प्राप्त होता है, हालांकि यह एक धारणा है। – chimerical

+2

और प्राप्त होने वाले सबसे उचित आइकन पर भरोसा न करें। फ़ायरफ़ॉक्स को सबसे बड़ा लगता है और फिर इसे नीचे स्केल करता है। इंटरनेट एक्सप्लोरर पीएनजी फाइलों का समर्थन नहीं करता है। – Twilite

+0

खैर, मैं सहमत हूं, अगर विनिर्देश पर कोई स्पष्ट जानकारी नहीं है, तो ब्राउज़र से ब्राउज़र में भिन्न होने की संभावना है, क्योंकि ब्राउजर केवल एक को डाउनलोड करने के लिए डाउनलोड कर सकता है, या सभी को कैश और भविष्य में उपयोग करने के लिए डाउनलोड कर सकता है (कम से कम अनुमानित) । वैसे भी, बस कुछ एक्सेस लॉग पढ़ने से प्रश्न के अच्छे हिस्से का जवाब मिलेगा। –

5

http://www.jonathantneal.com/blog/understand-the-favicon/ से हवाला देते हुए:

कैसे इन PNG-फ़ेविकॉन-संगत ब्राउज़र तय करते हैं जो फ़ेविकॉन इस्तेमाल किया जाना चाहिए? फ़ायरफ़ॉक्स और सफारी फेविकॉन का उपयोग करेंगे जो अंतिम बार आता है। मैक के लिए क्रोम का उपयोग करेगा जो भी फेविकॉन आईसीओ स्वरूपित है, अन्यथा 32 × 32 फेविकॉन। विंडोज़ के लिए क्रोम फेविकॉन का उपयोग करेगा जो पहले 16 × 16 है, अन्यथा आईसीओ। यदि उपरोक्त विकल्पों में से कोई भी उपलब्ध नहीं है, तो क्रोम का उपयोग फ़ेविकॉन पहले होगा, बिल्कुल फ़ायरफ़ॉक्स और सफारी के विपरीत। दरअसल, मैक के लिए क्रोम 16 × 16 फेविकॉन को अनदेखा कर देगा और 32 × 32 संस्करण का उपयोग करेगा यदि केवल इसे गैर-रेटिना उपकरणों पर 16 × 16 तक स्केल करने के लिए। ओपेरा, पक्षों को नहीं लेना चाहते हैं, पूर्ण यादृच्छिक रूप से उपलब्ध आइकनों में से किसी एक से चुनेंगे। मुझे प्यार है कि ओपेरा यह करता है।

और यह सिर्फ शुरुआत है। अब इंटरनेट एक्सप्लोरर चेतावनी के बारे में जानने का समय है।

जबकि IE8-10 पृष्ठ के पहले लोड पर फेविकॉन प्रदर्शित करेगा, आईई 7 पहले लोड को छोड़ देगा और दोहराए गए विज़िट के दौरान फेविकॉन प्रदर्शित करेगा। इससे भी बदतर, आईई 6 केवल साइट पर बुकमार्क किए जाने के बाद फेविकॉन प्रदर्शित करेगा और ब्राउज़र में फिर से खोला जाएगा। जब भी ब्राउजर कैश साफ़ हो जाता है, तो IE6 भी फेविकॉन को छोड़ देगा, और यह तब तक फेविकॉन प्रदर्शित नहीं करेगा जब तक कि साइट या तो फिर से बुकमार्क नहीं किया जाता है, या फेविकॉन किसी भी तरह से पुनः लोड किया जाता है। यदि आईई 6 और फेविकॉन का मतलब आपके लिए बहुत मायने रखता है, तो आप छोटे जावास्क्रिप्ट स्निपेट के साथ इस रीलोड को मजबूर कर सकते हैं, अधिमानतः एक सशर्त टिप्पणी में लपेटा गया है।

<!-- I "support" IE6 --> 
<!--[if IE 6]><script>(new Image).src="path/to/favicon.ico"</script><![endif]--> 
+0

यदि कोई अधिक विनिर्देश प्रदान कर सकता है (ऊपर वर्णित अनुसार), कृपया करें। मैं किसी और को बक्षीस देना चाहूंगा। –

-1

ब्राउज़र केवल एक फ़ाइल, यदि कोई मिल जाएगा।

2

हैरानी की बात है, मैंने देखा कि कुछ ब्राउज़रों सभी पीएनजी पसंदीदा आइकन न केवल सबसे उपयुक्त एक लोड कर रहे हैं: विंडोज़ पर

  • क्रोम
  • Android पर Chrome
  • फ़ायरफ़ॉक्स विंडोज
  • पर

मैंने एंड्रॉइड पर फ़ायरफ़ॉक्स की तरह अन्य सेटिंग्स का परीक्षण नहीं किया।

"all favicons are loaded" issue के बारे में अधिक जानकारी।

संबंधित मुद्दे