आईओएस ऐप गैर-रेटिना और रेटिना छवियों की अवधारणा

Question

मैं इस प्रश्न को सिर्फ जानकारी के लिए पूछ रहा हूं और iOS एप्लिकेशन (Retina और non-retina डिवाइस) में छवियों के बारे में अपनी अवधारणाओं को साफ़ करने के लिए कह रहा हूं।

मैं वर्तमान में क्या कर

है जब मैं एक iPhone आवेदन को विकसित करने और मैं एक छवि दिखाने के लिए देता है पर UIButtonInterface builder का उपयोग कर मैं दो छवियों को लेने का कहना है की सुविधा देता है निम्न आकारों

का मान लीजिए submit.png बटन छवि

1. 100x100 रेटिना प्रदर्शन के लिए पिक्सल (submit.png)
2. 200x200 पिक्सल (submit@2x.png)

और Interface builder में मैं UIButton 100x100 पीएक्स का आकार निर्धारित करूंगा और यह पूरी तरह से काम करता है।

प्रश्न:

हम क्यों नहीं डाल सकते हैं केवल एकल छवि submit.png

1. 200x200 पिक्सल (submit.png)

कहना की सुविधा देता है और UIButton आकार सेट 100x100 interface builder में पीएक्स और उसी छवि का उपयोग retina और non-retina डिवाइस दोनों में किया जाएगा।

रेटिना आकार की एक छवि के बजाय दो छवियों का उपयोग करने का वास्तविक कारण क्या है?

एक और इसी तरह के सवाल,

iPhone 5retina प्रदर्शन में ही उपलब्ध है, लेकिन हम Default-568h@2x.png के रूप में अपनी Default छवियों रखना होगा। 2x पर क्यों?

Answer 1

गैर-रेटिना छवियों का उपयोग करने का मुख्य उद्देश्य आवश्यक डाउन-स्केल ऑपरेशंस के कारण पुराने उपकरणों पर प्रदर्शन वृद्धि और छवि गुणवत्ता है।

तो पुराने डिवाइस प्रदर्शन के लिए आपको गैर-रेटिना छवियों का उपयोग करना चाहिए।

Answer 2

हमें 2 छवियों को क्यों प्रदान करना है, इसका कारण यह है कि अभी भी लोग प्रारंभिक डिवाइस चला रहे हैं जो रेटिना डिस्प्ले का समर्थन नहीं करते हैं। वे रेटिना चलाने वाले लोगों के रूप में पिक्सेल राशि में कमी कर रहे हैं, इसलिए हम सामान्य राशि प्रदान करते हैं। आईफोन 5 के साथ छवि को छवि फ़ाइल में @ 2x की आवश्यकता होती है क्योंकि @ 2x फ़ाइल नाम रेटिना डिस्प्ले छवियों से निपटने वाला मानक सम्मेलन है।

यही कारण है कि जब आपने पूछा कि हम 200x200 छवि को 100x100 बटन में क्यों नहीं डालते हैं। खैर, अगर आप रेटिना डिवाइस चला रहे हैं, तो उस बटन की छवि आपके द्वारा खींची गई चीज़ों की तरह दिखाई देगी; हालांकि, यदि आप 3gs की तरह कुछ चला रहे हैं, जिसमें कोई रेटिना नहीं है, तो उस बटन में आपकी छवि अधिकतर अवरुद्ध या धुंधली हो जाएगी क्योंकि पिक्सेल डिवाइस के अनुपात से मेल नहीं खा रहे हैं।

आशा है कि कुछ भी साफ़ करने में मदद मिलेगी!

Answer 3

छवि के ios संकल्पना में इसकी भी स्पष्ट आप इस दस्तावेज़ के Custom Icon and Image Creation Guidelines

उदाहरण के लिए पढ़ने के लिए अगर आप छवि

100 x 100 पिक्सल तो यह 163 संकल्प ppi के साथ करना होगा बनाना चाहते हैंsubmit.png NON-retina device

200 x 200 पिक्सल तो यह 3 के साथ करना चाहिए 26 संकल्प ppisubmit@2x.png Retina device

iPad के लिए

: -

400 x 300 पिक्सल तो यह 264 संकल्प ppisubmit@2x~ipad.png Retina iPad device

200 x 150 पिक्सल के साथ तो यह करना चाहिए 132 संकल्प पीपीआईsubmit~ipad.png Non-retina iPad device

एक देखो इस छवि डालें: -

छवि स्रोत This

से हम @ 2x inculcated जब हम iPad के लिए एक छवि के विभिन्न संस्करणों निर्दिष्ट करना चाहते हैं और आई - फ़ोन। उच्च-रिज़ॉल्यूशन छवि के लिए @ 2x संशोधक को शामिल करना नया है और सिस्टम को यह पता करने देता है कि छवि मानक छवि का उच्च-रिज़ॉल्यूशन संस्करण है।

कुंजी परिवर्तन आकार के लिए ओएस के लिए आवश्यक खिड़की iPhone 5 display.has को भरने के लिए है कि इस और अन्य आकार से संबंधित तोड़ मरोड़ आप बनाने के लिए आवश्यकता हो सकती है पर एक writeup तैनात।

आशा है कि यह छवि संकल्प और इसके आकार के लिए उपयोगी जानकारी है।

Answer 4

1- यदि आप अपने आवेदन को रेटिना और गैर रेटिना डिवाइस दोनों का समर्थन करना चाहते हैं तो आपको फ़ाइल नाम मानकों का पालन करना होगा। यदि आप केवल रेटिना डिवाइस का समर्थन करना चाहते हैं तो डिफ़ॉल्ट छवि (बटन.png) जोड़ने की आवश्यकता नहीं है। यदि आप दोनों रेटिना और गैर रेटिना उपकरणों का समर्थन करना चाहते हैं तो दोनों छवियों को जोड़ने के साथ-साथ इंटरफ़ेस बिल्डर में @ 2x जैसे पूर्ण नाम जोड़ने की आवश्यकता नहीं है। आप बस छवि का नाम जोड़ते हैं। मुख्य मौलिक दोनों छवियों का नाम समान होना चाहिए। Ex: Non retina-->Button.png, Retina-->Button@2x.png, IE-->Button

2 - iPhone5 है रेटिना प्रदर्शन केवल है। इसलिए यदि आप iPhone5 के लिए डिफ़ॉल्ट छवि जोड़ते हैं तो यह स्वचालित रूप से iPhone5 डिवाइस में चलता है। ऐप्पल मानकों का पालन कर रहा है। तो हमें पालन करने की जरूरत है।

नोट: एक्सकोड स्वचालित रूप से इन सभी प्रकार की छवियों का ख्याल रखेगा।

Answer 5

हां, आप रेटिना और गैर-रेटिना दोनों डिवाइसों के लिए केवल रेटिना छवियों का उपयोग कर सकते हैं। यदि आप उन्हें imageviews, बटन आदि में उपयोग करते हैं, तो उन्हें scaletofill/aspectfill/aspectfit या जो कुछ भी आप चाहते हैं उन्हें बनाएं।

लेकिन इसके साथ समस्या यह है कि अनावश्यक बड़ी आकार की छवियों को स्मृति में लोड किया जाएगा, और छवियों के आकार को कुछ प्रसंस्करण की आवश्यकता होगी।

अलग-अलग छवियों का उपयोग करके ऐप बंडल आकार में वृद्धि होती है, लेकिन चलते समय एप्लिकेशन द्वारा वास्तविक RAM उपयोग को कम कर देता है।