ldpi, mdpi, hdpi, xhdpi डिस्प्ले के लिए एंड्रॉइड स्प्लैश स्क्रीन का आकार? - उदाहरण: ldpi के लिए 1024X768 पिक्सेल

Question

मुझे फोनगैप का उपयोग करके एंड्रॉइड एप्लिकेशन के लिए स्प्लैश स्क्रीन (छवियों को फिट करना है जो लोड करने के दौरान फिट होता है) डिजाइन करना है। मुझे 4 आकार के चित्र डिज़ाइन करने हैं जो 4types स्क्रीन जैसे ldpi, mdpi, hdpi, xhdpi के लिए उपयुक्त हैं। क्या कोई मुझे इन स्क्रीन के लिए पिक्सेल में सटीक आकार बता सकता है ताकि मैं उस आकार में डिजाइन कर सकूं?

उदाहरण उत्तर:

ldpi - 1024X768 px
mdpi  - 111 X 156 px  

 We support ldpi, mdpi, hdpi and xhdpi displays; the following will define splash screens for each specific screen type.

<gap:splash src="splash/android/ldpi.png" gap:platform="android" gap:density="ldpi" />
<gap:splash src="splash/android/mdpi.png" gap:platform="android" gap:density="mdpi" />
<gap:splash src="splash/android/hdpi.png" gap:platform="android" gap:density="hdpi" />
<gap:splash src="splash/android/xhdpi.png" gap:platform="android" gap:density="xhdpi" />

Comments

यह आपकी मदद करेगा

— मोहम्मद अजहरुद्दीन शेख

Answer 1

एंड्रॉइड के बिना सेट मानक आकार नहीं होने के कारण किसी भी स्क्रीन के विभिन्न आकार हो सकते हैं, इसलिए एक गाइड के रूप में आप न्यूनतम स्क्रीन आकारों का उपयोग कर सकते हैं, जो Google द्वारा प्रदान किए गए हैं।

Google के आँकड़ों के अनुसार ldpi डिस्प्ले के अधिकांश भाग छोटे स्क्रीन हैं और mdpi, hdpi, xhdpi और xxhdpi के अधिकांश डिस्प्ले सामान्य आकार के स्क्रीन हैं।

• xlarge स्क्रीन कम से कम 960dp x 720dp है
• बड़ी स्क्रीन कम से कम 640dp x 480dp हैं
• सामान्य स्क्रीन कम से कम 470dp x 320dp हैं
• छोटे स्क्रीन कम से कम 426dp x 320dp हैं

आप Google के डैशबोर्ड पर उपकरणों के सापेक्ष आकार के आंकड़े देख सकते हैं जो यहां उपलब्ध है ।

कई स्क्रीन पर अधिक जानकारी यहां पाई जा सकती है ।

9 पैच छवि

सबसे अच्छा समाधान नौ-पैच छवि बनाना है ताकि छवि के स्थिर क्षेत्र को प्रभावित किए बिना छवि की सीमा स्क्रीन के आकार को फिट करने के लिए खिंचाव कर सके।

http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch

Comments

क्या आप xxhdpi को भी शामिल कर सकते हैं? (यदि यह मौजूद है)

— एडोनिस के। काकोलीडिस

Google xxhdpi को ~ 480 DPI के रूप में परिभाषित करता है। वे इसके लिए एक न्यूनतम स्क्रीन आकार प्रदान नहीं करते हैं जो मैं देख सकता हूं।

— एलेक्स विसे

यह इतने सारे अपवित्र क्यों है? xlarge != xhdpi, वे दो बिल्कुल अलग चीजें माप रहे हैं। उन डीपी आकार को आकार की बाल्टी के लिए सूचीबद्ध किया गया है, घनत्व नहीं।

— ज्योबिट्स

@geobits प्रश्न को देखो। वह पूछ रहा है कि उसकी स्पलैश स्क्रीन का आकार प्रत्येक घनत्व के लिए होना चाहिए जो वह समर्थन करता है। जैसा कि एंड्रॉइड के कारण अलग-अलग आकार की कोई भी संख्या हो सकती है क्योंकि कोई भी मानक मानक आकार नहीं है जो हम दे सकते हैं निकटतम सही उत्तर न्यूनतम स्क्रीन आकार है, जो Google द्वारा प्रदान किया गया है। यदि आप उत्तर में दिए गए लिंक का अनुसरण करते हैं, तो आप इसके बारे में अधिक पढ़ सकते हैं।

— एलेक्स वेइसे

मैं समझता हूं कि आप क्या कह रहे हैं, लेकिन यह वह नहीं है जो आपका उत्तर कहता है। अगर ऐसा होता, तो मैं भी टिप्पणी नहीं करता। उन्होंने एक आकार सूची के लिए कहा, और आप बस स्पष्टीकरण के बिना किसी और चीज़ के आधार पर एक सूची देते हैं। आपको इसे डॉक्स से लिंक करना चाहिए या नहीं, इसे संपादित करना चाहिए।

— ज्योबिट्स

Answer 2

Android के लिए स्पलैश स्क्रीन का आकार

और कॉर्डोवा (उर्फ फोनगैप), रिएक्ट-नेटिव और अन्य सभी विकास प्लेटफार्मों के लिए एक ही समय में

Format : 9-Patch PNG (recommended)

Dimensions

 - LDPI:
    - Portrait: 200x320px
    - Landscape: 320x200px
 - MDPI:
    - Portrait: 320x480px
    - Landscape: 480x320px
 - HDPI:
    - Portrait: 480x800px
    - Landscape: 800x480px
 - XHDPI:
    - Portrait: 720px1280px
    - Landscape: 1280x720px
 - XXHDPI
    - Portrait: 960x1600px
    - Landscape: 1600x960px
 - XXXHDPI 
    - Portrait: 1280x1920px
    - Landscape: 1920x1280px

नोट: XXXHDPI को तैयार करने की आवश्यकता नहीं है और शायद 9-पैच छवियों के दोहराए जाने वाले क्षेत्रों के कारण XXHDPI आकार भी। दूसरी ओर, यदि केवल पोर्ट्रेट आकारों का उपयोग किया जाता है, तो ऐप का आकार अधिक कम हो सकता है। अधिक चित्रों का मतलब है कि अधिक स्थान की आवश्यकता है।

ध्यान दें

मुझे लगता है कि सभी उपकरणों के लिए कोई सटीक आकार नहीं है। मैं एक्सपीरिया जेड 5 "का उपयोग करें। यदि आप एक पार मंच-वेबव्यू एप्लिकेशन को आप के लिए बहुत कुछ पर विचार करना चाहिए (चाहे स्क्रीन सॉफ़्टकी नेविगेशन बटन है या नहीं, आदि) विकसित करते हैं। इसलिए, मुझे लगता है कि वहाँ केवल एक ही उपयुक्त समाधान। समाधान है करने के लिए एक तैयार 9-पैच स्प्लैश स्क्रीन (खोजने के How to design a new splash screenनीचे दिए गए शीर्षक)।

1. 9-पैच के रूप में उपरोक्त स्क्रीन आकार के लिए स्प्लैश स्क्रीन बनाएं । .9.png प्रत्यय के साथ अपनी फ़ाइलों को नाम दें
2. नीचे दिए गए लाइनों को अपने config.xml फ़ाइल में जोड़ें
3. यदि आवश्यक हो तो स्प्लैश स्क्रीन प्लगइन जोड़ें।
4. अपना प्रोजेक्ट चलाएं।

बस!

कॉर्डोबा विशिष्ट कोड
9-पैच स्प्लैश स्क्रीन के लिए config.xml में लाइनों को जोड़ा जाना है

<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="6000" />
<platform name="android">
    <splash src="res/screen/android/ldpi.9.png" density="ldpi"/>
    <splash src="res/screen/android/mdpi.9.png" density="mdpi"/>
    <splash src="res/screen/android/hdpi.9.png" density="hdpi"/>
    <splash src="res/screen/android/xhdpi.9.png" density="xhdpi"/> 
</platform>

गैर -9-पैच स्प्लैश स्क्रीन का उपयोग करते समय config.xml में लाइनों को जोड़ा जाना

<platform name="android">
    <splash src="res/screen/android/splash-land-hdpi.png" density="land-hdpi"/>
    <splash src="res/screen/android/splash-land-ldpi.png" density="land-ldpi"/>
    <splash src="res/screen/android/splash-land-mdpi.png" density="land-mdpi"/>
    <splash src="res/screen/android/splash-land-xhdpi.png" density="land-xhdpi"/>

    <splash src="res/screen/android/splash-port-hdpi.png" density="port-hdpi"/>
    <splash src="res/screen/android/splash-port-ldpi.png" density="port-ldpi"/>
    <splash src="res/screen/android/splash-port-mdpi.png" density="port-mdpi"/>
    <splash src="res/screen/android/splash-port-xhdpi.png" density="port-xhdpi"/>
</platform>

कैसे एक नई छप स्क्रीन डिजाइन करने के लिए

मैं इस तरीके का उपयोग करके उचित स्प्लैश स्क्रीन बनाने का एक सरल तरीका बताऊंगा। मान लें कि हम 1280dp x 720dp - xhdpi (x-large) स्क्रीन डिज़ाइन कर रहे हैं। मैंने नीचे उदाहरण के लिए लिखा है;

• फ़ोटोशॉप में: फ़ाइल -> नए डायलॉग विंडो में नई अपनी स्क्रीन सेट करें

  चौड़ाई: 720 पिक्सेल ऊँचाई: 1280 पिक्सेल

  मुझे लगता है कि उपरोक्त आकार का मतलब है संकल्प 320 पिक्सेल / इंच है। लेकिन यह सुनिश्चित करने के लिए कि आप अपने संवाद विंडो में रिज़ॉल्यूशन मान को 320 में बदल सकते हैं। इस मामले में पिक्सेल / इंच = डीपीआई

  बधाई हो ... आपके पास 720dp x 1280dp स्प्लैश स्क्रीन टेम्पलेट है।

9-पैच स्प्लैश स्क्रीन कैसे उत्पन्न करें

यदि आप अपनी स्प्लैश स्क्रीन डिज़ाइन करते हैं, तो यदि आप 9-पैच स्प्लैश स्क्रीन डिज़ाइन करना चाहते हैं, तो आपको हर पक्ष के लिए 1 पिक्सेल गैप सम्मिलित करना चाहिए। इस कारण से आपको अपने कैनवास आकार की चौड़ाई और ऊंचाई +2 पिक्सेल बढ़ानी चाहिए (अब आपकी छवि का आकार 722 x 1282 है)।

मैंने नीचे दिए गए निर्देश के अनुसार हर तरफ खाली 1 पिक्सेल का अंतर छोड़ा है।
फ़ोटोशॉप का उपयोग करके कैनवास के आकार को बदलना:
- फ़ोटोशॉप में एक स्प्लैश स्क्रीन पीएनजी फ़ाइल खोलें -
परत क्षेत्र में 'पृष्ठभूमि' नाम के बगल में लॉक आइकन पर क्लिक करें (यदि सफेद की तरह एक और रंग के बजाय खाली छोड़ दें) अगर ऐसा है तो नीचे: - छवि मेनू से कैनवास का आकार बदलें (चौड़ाई: 720 पिक्सेल से 722 पिक्सेल और ऊँचाई: 1280 पिक्सेल से 1282 पिक्सेल)। अब, छप स्क्रीन छवि के हर तरफ 1 पिक्सेल अंतर देखना चाहिए।



तब आप 9-पैच फ़ाइल को कनवर्ट करने के लिए C: \ Program Files (x86) \ Android \ android-studio \ sdk \ tools \ draw9patch.bat का उपयोग कर सकते हैं। इसके लिए draw9patch ऐप पर अपनी स्प्लैश स्क्रीन खोलें। आपको अपने लोगो और विस्तार योग्य क्षेत्रों को परिभाषित करना चाहिए। काली रेखा को निम्न उदाहरण छप स्क्रीन पर ध्यान दें। काली रेखा की मोटाई सिर्फ 1 px है;) बाईं ओर और ऊपर की तरफ काली रेखाएं आपकी स्प्लैश स्क्रीन के प्रदर्शन क्षेत्र को परिभाषित करती हैं। बिल्कुल अपने डिजाइन के रूप में। दायीं और नीचे की रेखाएँ एडेबल और रिमूवेबल एरिया (स्वचालित रूप से दोहराए जाने वाले क्षेत्र) को परिभाषित करती हैं।

बस ऐसा करें: ड्रा9patch एप्लिकेशन पर अपनी छवि के शीर्ष किनारे को ज़ूम करें। रेखा खींचने के लिए अपने माउस को क्लिक करें और खींचें। और Shift + क्लिक करें और लाइन मिटाने के लिए अपने माउस को खींचें।

यदि आप एक क्रॉस-प्लेटफ़ॉर्म ऐप (जैसे कॉर्डोवा / फोनगैप) विकसित करते हैं, तो आप निम्न पते लगभग सभी माबाइल ओएस स्प्लिट स्क्रीन आकार पा सकते हैं। के लिए क्लिक करें विंडोज फोन , WebOS , ब्लैकबेरी , बड़ा-WAC और बड़ा छप स्क्रीन आकार।

https://github.com/phonegap/phonegap/wiki/App-Splash-Screen-Sizes

और अगर आपको IOS, Android आदि ऐप आइकन साइज चाहिए तो आप यहां जा सकते हैं ।

आईओएस

Format : PNG (recommended)

Dimensions

 - Tablet (iPad)
   - Non-Retina (1x)
     - Portrait: 768x1024px
     - Landscape: 1024x768px
   - Retina (2x)
     - Portrait: 1536x2048px
     - Landscape: 2048x1536px
 - Handheld (iPhone, iPod)
   - Non-Retina (1x)
     - Portrait: 320x480px
     - Landscape: 480x320px
   - Retina (2x)
     - Portrait: 640x960px
     - Landscape: 960x640px
 - iPhone 5 Retina (2x)
   - Portrait: 640x1136px
   - Landscape: 1136x640px
 - iPhone 6 (2x)
   - Portrait: 750x1334px
   - Landscape: 1334x750px
 - iPhone 6 Plus (3x)
   - Portrait: 1242x2208px
   - Landscape: 2208x1242px

Answer 3

Android मोबाइल उपकरणों के लिए

LDPI- आइकन -36x36, स्प्लैश -426x320 (अब सही मानों के साथ)

---

एमडीपीआई- आइकन -48 x 48, स्प्लैश -470x320

---

HDPI- आइकन 72x72, स्प्लैश- 640x480

---

XHDPI- आइकन -96 x 96, स्प्लैश- 960x720

---

XXHDPI- आइकन- 144x144

सभी पिक्सेल में।

Android टैबलेट उपकरणों के लिए

LDPI:
    Portrait: 200x320px
    Landscape: 320x200px
MDPI:
    Portrait: 320x480px
    Landscape: 480x320px
HDPI:
    Portrait: 480x800px
    Landscape: 800x480px
XHDPI:
    Portrait: 720px1280px
    Landscape: 1280x720px

Comments

@Geobits: दोनों पिक्सेल में हैं। वह विभिन्न संकल्पों के लिए है। मुझे वहां कोई भ्रम नहीं दिखता। अजीब!!

— निजिल नायर

आकार आप इस के अनुसार डीपी में ldpi/mdpi/hdpi/xhdpiपत्राचार के लिए देते हैं । इसके अलावा, यदि वे पिक्सेल आकार हैं , तो वे पैमाने के होने चाहिए । क्या आपके पास इन आकारों के लिए एक स्रोत है जो मैं नहीं देख रहा हूं? small/normal/large/xlarge0.75/1/1.5/2

— ज्योबिट्स

@NijilNair: टैबलेट पर छवियों का रिज़ॉल्यूशन मोबाइल फोन से छोटा कैसे है? क्या यह अन्य तरीके से नहीं होना चाहिए? उदाहरण के लिए, मैं "मोबाइल फोन ldpi: 426x320" और फिर "टेबलेट ldpi: 320 x 200" से आश्चर्यचकित हूं ... बिल्कुल भी तर्कसंगत नहीं लगता। जवाब के लिए धन्यवाद!

— फलांक्स

@Phalanx: इस लिंक की जाँच करें। डेवलपर .android.com/guide/practices/… ।

— निजिल नायर

क्या आप सुनिश्चित हैं कि LDPI आइकन 36x36 नहीं है?

— व्लादिस

Answer 4

• LDPI: पोर्ट्रेट: 200 X 320px। लैंडस्केप: 320 X 200px।
• MDPI: पोर्ट्रेट: 320 X 480px। लैंडस्केप: 480 X 320px।
• HDPI: पोर्ट्रेट: 480 X 800px। लैंडस्केप: 800 X 480px।
• XHDPI: पोर्ट्रेट: 720 X 1280px। लैंडस्केप: 1280 X 720px।
• XXHDPI: पोर्ट्रेट: 960 X 1600px। लैंडस्केप: 1600 X 960px।
• XXXHDPI: पोर्ट्रेट: 1280 X 1920px। लैंडस्केप: 1920 X 1280px।

Comments

हर जगह मैंने पढ़ा कि xhdpi सिर्फ mdpi से दोगुना है, इसलिए उस xhdpi के अनुसार 640 x 960 होना चाहिए, लेकिन आपने इसे 720x1280 लिखा है। क्या आप बता सकते हैं कि यह 720x1280 कैसे है? आपने कौन सा फॉर्मूला इस्तेमाल किया?

— राहुल शर्मा

Answer 5

• Xlarge स्क्रीन कम से कम 960dp x 720dp है
• सूची आइटम बड़ी स्क्रीन कम से कम 640dp x 480dp हैं
• सूची आइटम सामान्य स्क्रीन कम से कम 470dp x 320dp हैं
• सूची आइटम छोटे स्क्रीन कम से कम 426dp x 320dp हैं

अपनी छवियों को बनाने और उन्हें विशिष्ट संसाधन फ़ोल्डर में डालने के लिए इसका उपयोग करें।

Answer 6

बस इस वेबसाइट का उपयोग करें: http://ticons.fokkezb.nl :)

यह आपके लिए आसान बनाता है, और सीधे सही आकार उत्पन्न करता है

Comments

यह वेबसाइट Android नहीं, बल्कि iOS छवियों के लिए प्रतीत होती है।

— रयान विलियम्स

मैं एंड्रॉयड के लिए यह प्रयोग किया जाता है, और काफी परिणाम से संतुष्ट था, एक

— उसामा एल

Answer 7

xlarge स्क्रीन कम से कम 960dp x 720dp लेआउट-xlarge 10 "टैबलेट (720x1280 mdpi, 800x1280 mdpi, आदि) हैं

बड़ी स्क्रीन स्ट्रीक (480x800 mdpi), 7 "टैबलेट (600x1024 mdpi) की तरह कम से कम 640dp x 480dp ट्विनर टैबलेट हैं।

सामान्य स्क्रीन कम से कम 470dp x 320dp लेआउट विशिष्ट फोन स्क्रीन (480x800 hdpi) हैं

छोटी स्क्रीन कम से कम 426dp x 320dp ठेठ फोन स्क्रीन (240x320 ldpi, 320x480 mdp, आदि) हैं।