iphone - ऐप्पल-टच-आइकन के लिए सही पिक्सेल आयाम क्या हैं?




favicon apple-touch-icon (8)

NilObject के लिंक ने मुझे makentosh.com पर अपने आइकन पर महान ब्लॉग पोस्ट कैचअप के लिए makentosh.com

... बेशक इस असंगति के सभी के साथ अंततः निपटा जाना था, है ना? अच्छी तरह से ठीक फैशन में इसके साथ 2.0 निपटा! अंत में 57x57 का मतलब वास्तव में 57x57 था।

... प्रत्येक और हर पिक्सेल ... पूरी तरह से गाया।

मुझे यकीन नहीं है कि सही आकार क्या होना चाहिए।

कई साइटें दोहराती हैं कि ऐप्पल-टच-आइकन 57x57 पिक्सेल होना चाहिए लेकिन उनके स्रोत के रूप में एक टूटी हुई लिंक का हवाला देते हैं।

Hanselman की और playgroundblues की टिप्पणियां 163x163 और 60x60 सहित विभिन्न आकारों का सुझाव देती हैं।

Apple का अपना Apple.com आइकन 129x129 है!

मेरा संबंधित प्रश्न देखें: मैं अपनी वेब साइटों को iPhone के लिए आइकन कैसे दे सकता हूं?


आधिकारिक आकार 57x57 है। मैं केवल इस तथ्य के कारण सटीक आकार का उपयोग करने की सलाह दूंगा कि इसे लोड होने पर कम मेमोरी लगती है (जब तक कि ऐप्पल स्केल में प्रतिनिधित्व नहीं करता है)। उस ने कहा, रेक्स सही है कि कोई भी वर्ग आकार काम करेगा


इस पर निर्भर करता है कि आप इसे कितना विस्तार चाहते हैं, इसके लिए 1: 1 का पहलू अनुपात होना चाहिए (मूल रूप से - इसे वर्ग होना चाहिए)

मैं Apple के अपने 129 * 129 के साथ जाऊंगा


उनके सफारी वेब कंटेंट गाइड के भाग के रूप में, Apple के पास वास्तव में एक सार्वजनिक रूप से उपलब्ध पृष्ठ है, जिसे " वेब क्लिप के लिए एक वेबपेज आइकन निर्दिष्ट करना " (जावास्क्रिप्ट आवश्यक है) जो सभी प्रस्तावों और उनके कार्यान्वयन को कवर करता है।


मुझे नहीं लगता कि "सही आकार" है। चूंकि iPhone वास्तव में OSX चला रहा है, इसलिए आइकन रेंडरिंग सिस्टम बहुत मजबूत है। जब तक आप इसे सही पहलू अनुपात के साथ एक उच्च-गुणवत्ता वाली छवि देते हैं और वास्तविक आउटपुट जितना कम से कम होगा, ओएस बहुत सफाई से डाउनस्केल करेगा। मेरी साइट 158x158 का उपयोग करती है और आइकन iPhone स्क्रीन पर पिक्सेल-परिपूर्ण दिखता है।


मैं उन आकारों के लिए एक स्रोत का हवाला नहीं दे सकता क्योंकि आधिकारिक संदर्भ एडीसी की ताला और चाबी के अधीन है।

हालांकि, गैर-एनडीए साइटों में से कई में आइकन बनाने के तरीके के बारे में ट्यूटोरियल हैं। यहाँ उदाहरण के लिए:


Apple डेवलपर कनेक्शन के Google कैश से - वेब ऐप्स देव केंद्र - डिज़ाइनिंग सामग्री ...

एक वेब क्लिप बुकमार्क आइकन बनाएं

iPhone और iPod टच एक उपयोगकर्ता को अपनी होम स्क्रीन पर अपनी साइट पर एक वेब क्लिप बुकमार्क को बचाने की अनुमति देता है।

किसी वेब साइट के सभी पृष्ठों के लिए एक बुकमार्क आइकन निर्दिष्ट करने के लिए, अपने वेब सर्वर के रूट डायरेक्टरी में "ऐप्पल-टच-आइकन.पिंग" नामक पीएनजी छवि रखें - साइट आइकन के लिए "favicon.ico" के समान।

किसी विशिष्ट वेब पेज पर साइट बुकमार्क आइकन को ओवरराइड करने के लिए, पृष्ठ के <head> तत्व के भीतर <link rel = "Apple-touch-icon" href = "/ customIcon.png" /> के समान <लिंक> तत्व सम्मिलित करें ।

बुकमार्क आइकन का आयाम 57x57 पिक्सेल होना चाहिए। यदि आइकन एक अलग आकार का है तो इसे फिट करने के लिए बढ़ाया और क्रॉप किया जाएगा।

सफारी स्वचालित रूप से मानक "ग्लासी" ओवरले के साथ आइकन को संमिश्रित करेगी ताकि यह एक निर्मित आईफोन या आईपॉड एप्लिकेशन जैसा दिखाई दे।


अद्यतित सूची अक्टूबर 2014, iOS8

रेटिना के साथ और बिना iPhone और iPad के लिए सूची

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png"> 

अद्यतन 2014 iOS 8:

IOS 8 और Iphone 6 प्लस के लिए

<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png"> 

Iphone 6 में iPhone 4 के रूप में 120 x 120 px छवि का उपयोग किया गया है और बाकी iOS 7 के लिए भी ऐसा ही है

2013 iOS7 अपडेट करें:

IOS 7 के लिए अनुशंसित संकल्प बदल गए:

  • iPhone x के लिए 114 x 114 px से 120 x 120 px तक
  • आईपैड रेटिना के लिए 144 x 144 पीएक्स से 152 एक्स 152 पीएक्स तक

अन्य संकल्प अभी भी वही हैं

  • 57 x 57 px डिफ़ॉल्ट
  • रेटिना के बिना आईपैड के लिए 76 x 76 पीएक्स






apple-touch-icon