2011-02-16 13 views
5

एप्पल iPhone पर आकार और iPod Touch पर, आप ऐसा जैसा आइकन फ़ाइल के लिंक को निर्दिष्ट करें:Apple iPhone/iPodTouch वेब क्लिप चिह्न

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

... लेकिन this page पर, यह सिफारिश की है कि आप दो अलग-अलग निर्दिष्ट आइकन के आकार, आईफोन < 4 और आईफोन 4 के लिए दूसरा।

कोई दस्तावेज नहीं है जो मुझे पता चलता है कि दो अलग-अलग आइकन निर्दिष्ट करने का तरीका दिखाता है। क्या कोई मदद कर सकता है?

उत्तर

14

Google पर इसके बारे में बहुत सारे दस्तावेज हैं।

बस का उपयोग करें:

<!-- **normal** (iPhone/iPod **non retina** display) --> 
<link rel="apple-touch-icon" href="apple-touch-icon.png"/> 

<!-- **normal** (iPhone/iPod **retina** display) --> 
<link rel="apple-touch-icon" href="apple-touch-icon-72.png" sizes="72x72"/> 

<!-- and **iPad** version --> 
<link rel="apple-touch-icon" href="apple-touch-icon-114.png" sizes="114x114"/> 

एक अतिरिक्त जानकारी रूप में, आप चमक प्रभाव के बिना आइकन हो सकता है अगर आप apple-touch-icon-precomposed बजाय apple-touch-icon का उपयोग करें।

और वहाँ कई टैग आप स्प्लैश स्क्रीन की तरह सफारी मोबाइल की सभी सुविधाओं के लिए में उपयोग कर सकते हैं, आदि

भी this Mobile Tuts article पढ़ने देने के लिए और लगभग सब कुछ आपको पता चलेगा कि आप एक प्रतिभाशाली वेब एप्लिकेशन होना आवश्यक है

+2

उत्तर के लिए धन्यवाद, 'आकार' विशेषता के बारे में नहीं पता था। Google को अब देखने के लिए एक और अच्छा संसाधन मिला है। हालांकि मुझे लगता है कि आईपैड 72 x 72 होना चाहिए और 'रेटिना' डिस्प्ले 114 x 114 होना चाहिए, जो मेरे प्रश्न में पोस्ट किए गए दस्तावेज का निर्धारण करता है। –

+0

धन्यवाद - मुझे पता था कि मुझे जल्द ही इसकी आवश्यकता होगी। –

+0

ने आपके द्वारा वेबपैस पर उपयोग किए जा सकने वाले बहुत अधिक टैग के साथ मोबाइल टट्स लिंक जोड़ा – balexandre

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