फ़ेविकॉन, आइकन, शॉर्टकट आइकन, ऐप्पल-टच-आइकन: क्या कोई अन्य है?


24

मुझे वेबसाइटों के लिए डिफ़ॉल्ट वेब आइकन के 2 मूल प्रकारों का पता है:

  • फ़ेविकॉन :.icoअपनी साइट के नाम परएकस्वरूपित फ़ाइल रखेंfavicon.icoऔर अधिकांश डेस्कटॉप ब्राउज़र इसे ढूंढेंगे और इसे विभिन्न संदर्भों (बुकमार्क, टैब) में प्रदर्शित करेंगे। कोड में भी जोड़ा जा सकता है, जो आपको फ़ाइल में अन्य नाम और अन्य ग्राफिक्स प्रकार निर्दिष्ट करने की अनुमति देता है, हालांकि ब्राउज़रों के लिए प्रकार और आकार सीमाएं हैं :

    <link rel="shortcut icon" href="/webmasters//favicon.ico" />
    <link rel="icon" href="/webmasters//favicon.ico" />
    
  • वेब क्लिप आइकॉन :याpngतोapple-touch-icon.pngयाapple-touch-icon-precomposed.pngआपकी साइट के रूट परएकस्वरूपित फ़ाइल रखेंऔर सफारी के iPhone OS / iOS संस्करण उन लोगों को उठाएंगे और जब साइट को होम स्क्रीन पर जोड़ा जाता है तो उन्हें संग्रहीत करेगा। कोड के साथ भी जोड़ा जा सकता है जैसे:

    <link rel="apple-touch-icon" href="/webmasters//custom_icon.png" />
    

क्या किसी वेबसाइट के लिए कोई अन्य डिफ़ॉल्ट आइकन ग्राफिक्स हो सकता है जिसे एक वेबमास्टर शामिल कर सकता है?

जवाबों:


8

यह प्रतीत होता है के आधार पर यह और इस कि एंड्रॉयड का उपयोग करेगा relके प्रकार apple-touch-icon-precomposedया apple-touch-icon, लेकिन यह है कि आप एक पूरी तरह से योग्य यूआरएल उपयोग करने की आवश्यकता के लिए काम करने के लिए, जैसे:

<link rel="apple-touch-icon-precomposed"
      href="http://www.example.com/custom_icon.png" />

या:

<link rel="apple-touch-icon"
      href="http://www.example.com/custom_icon.png" />

चेतावनी यह है कि यह एंड्रॉइड 2.1 अपडेट 1 और वेबकिट 3.1 के लिए लगता हैएंड्रॉयड डेवलपर दस्तावेज़ एक विधि का उल्लेख करता है android.webkitकि घटना है जब apple-touch-iconलिया गया है।


1

यह इस बात पर निर्भर करता है कि आप किस प्लेटफॉर्म को निशाना बनाते हैं। लेकिन मुझे लगता है कि अधिकांश मानक संगत मोबाइल ब्राउज़र डिफ़ॉल्ट फ़ेविकॉन टैग को समझते हैं। हो सकता है कि आप एंड्रॉइड, iOS, WebOS, जैसे प्लेटफॉर्म पर विशेष उपयोग के मामलों (जैसे एक विशेष आइकन के साथ डेस्कटॉप शॉर्टकट बनाएं) की खोज कर सकते हैं ...

मैंने अभी iPhone उपयोगकर्ताओं पर लक्षित कुछ वेबसाइटों को विकसित किया है और इस साइटों पर मैंने WPTouch थीम के एक विशेष संस्करण के साथ Wordpress का उपयोग किया है।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.