ขนาดใดที่จะใช้กับรูปภาพได้ดีที่สุด: background.png, background@2x.png และ background@3x.png หากเราต้องการใช้รูปภาพนี้เพื่อครอบคลุมความกว้างเต็มและความสูงครึ่งหนึ่งของหน้าจอสำหรับความละเอียดทั้งหมดสำหรับ แอพแนว iPhone?
นี่คือสิ่งที่เรามีในตอนนี้:
Device Points Pixels Scale Physical Pixels PPI Ratio Size
iPhone XS Max 896x414 2688x1242 3x 2688x1242 458 19.5:9 6.5"
iPhone XR 896x414 1792x828 2x 1792x828 326 19.5:9 6.1"
iPhone X 812x375 2436x1125 3x 2436x1125 458 19.5:9 5.8"
iPhone 6 Plus 736x414 2208x1242 3x 1920x1080 401 16:9 5.5"
iPhone 6 667x375 1334x750 2x 1334x750 326 16:9 4.7"
iPhone 5 568x320 1136x640 2x 1136x640 326 16:9 4.0"
iPhone 4 480x320 960x640 2x 960x640 326 3:2 3.5"
iPhone 3GS 480x320 480x320 1x 480x320 163 3:2 3.5"
บางคนบอกว่าสำหรับภาพ edge to edge (เช่นแบนเนอร์ที่ด้านล่างจากขอบซ้ายไปขวาของหน้าจอ) สำหรับ iPhone 6 Plus พวกเขาจะเตรียม back@3x.png ที่มีความกว้าง 1242 และสำหรับ iPhone 6 back@2x.png ด้วย กว้าง 750 เพื่อให้เข้ากับขนาดหน้าจอ iPhone 6 แต่ฉันไม่คิดว่านี่เป็นความคิดที่ดีเพราะ 1242/3 = 414 และ 750/2 = 375 ดังนั้นการตั้งชื่อเป็น @ 2x และ @ 3x จึงไม่สมเหตุสมผล แล้ว back.png - 375 หรือ 414 ควรมีความกว้างเท่าไหร่?
ชื่อกราฟิกใช้คำต่อท้าย @ 2x และ @ 3x ดังนั้นหากตัวอย่างเช่น image@3x.png มีความละเอียด 30x30 การคิดเชิงตรรกะ image@2x.png ควรมีความละเอียด 20x20 และ image.png ควรเป็น 10x10 ซึ่งหมายความว่าหากเราต้องการให้ภาพเต็มความกว้างคมชัดสำหรับแต่ละหน้าจอเราควรสร้าง back@3x.png ด้วย width 414 3 = 1242px, back@2x.png ด้วย width 414 2 = 828px และ back.png ที่มีความกว้าง 414px . อย่างไรก็ตามนี่หมายความว่าใน iPhone ทุกเครื่องยกเว้น iPhone 6 Plus คุณจะต้องตั้งค่า uiimages เพื่อใช้เช่นโหมดเนื้อหาที่พอดีกับภาพและพวกเขาจะถูกลดขนาดลงดังนั้นนี่จึงไม่ใช่วิธีแก้ปัญหาโดยเฉพาะและอาจทำให้แอปพลิเคชันช้าลงอย่างแท้จริงหาก เราใช้อุปกรณ์รุ่นเก่าจำนวนมาก
แล้วคุณคิดว่าอะไรเป็นทางออกที่ดีที่สุดในการแก้ปัญหานี้