ขนาดภาพหน้าจอ iOS
เผยแพร่แล้ว: 2020-04-14ขนาดภาพหน้าจอ iOS
ขนาดภาพหน้าจอ iTunes Connect สำหรับ iPhone

เรื่องสั้นเกี่ยวกับภาพหน้าจอของ App Store และ App Store
หากประวัติของ App Store มีความคงที่ นั่นจะเป็นข้อกำหนดในการส่งภาพหน้าจอของ App Store เมื่ออัปโหลดแอป มันสมเหตุสมผลแล้วที่จะให้ผู้ใช้เห็นภาพคร่าวๆ ของสิ่งที่พวกเขากำลังจะดาวน์โหลดหรือซื้อ และในขณะที่เทคโนโลยีพัฒนาขึ้นเพื่อให้สามารถแสดงหน้าจอที่ใหญ่ขึ้นและดีขึ้นได้ Apple เริ่มเพิ่มขนาดและคุณภาพของหน้าจอ iPhone และนักพัฒนาแอพต้องอัปโหลดภาพหน้าจอใหม่ที่ใหญ่ขึ้นและแตกต่างกัน ดังนั้นเราจึงมีข้อมูลทั้งหมดเกี่ยวกับ ขนาดภาพหน้าจอ iOS ของ คุณเพื่อให้ถูกต้อง!
iPhone มี 5 ขนาดหน้าจอที่แตกต่างกันตลอดประวัติศาสตร์ สงสัยว่า ขนาดภาพหน้าจอของ App Store ต่างกันอย่างไร ตรวจสอบตารางด้านล่าง และอย่าลืมตรวจสอบ แบบจำลอง iPhone X ล่าสุดและกรณีการใช้งานของเรา ตรวจสอบให้แน่ใจว่าแอปของคุณดูทันสมัยและสดใหม่ด้วยอุปกรณ์ใหม่ล่าสุดและดีที่สุดของ Apple
ขนาดภาพหน้าจอของ App Store:
อุปกรณ์ | ขนาด | ขนาดแนวตั้ง (พิกเซล) | ขนาดแนวนอน (พิกเซล) |
---|---|---|---|
iPad Pro | 12.9 นิ้ว | 2048px × 2732px | 2732px × 2048px |
iPad Pro | 10.5 นิ้ว | 1668px × 2224px | 2224px × 1668px |
iPad | 9.7 นิ้ว | 1536px × 2048px | 2048px × 1536px |
ไอแพดมินิ | 7.9 นิ้ว | 1536px × 2048px | 2048px × 1536px |
iPhone X | 5.8 นิ้ว | 1125px × 2436px | 2436px × 1125px |
iPhone 8 Plus | 5.5 นิ้ว | 1242px × 2208px | 2208px × 1242px |
iPhone 8 | 4.7 นิ้ว | 750px × 1334px | 1334px × 750px |
iPhone 7 Plus | 5.5 นิ้ว | 1242px × 2208px | 2208px × 1242px |
iPhone 7 | 4.7 นิ้ว | 750px × 1334px | 1334px × 750px |
iPhone 6s Plus | 5.5 นิ้ว | 1242px × 2208px | 2208px × 1242px |
iPhone 6s | 4.7 นิ้ว | 750px × 1334px | 1334px × 750px |
iPhone SE | 4 นิ้ว | 640px × 1136px | 1136px × 640px |
Apple Watch | 42 มม. | 312px × 390px | 390px × 312px |
Apple Watch | 38 มม. | 272px × 340px | 340px × 272px |
App Store เติบโตขึ้นเป็นตลาดดิจิทัลที่มีการแข่งขันสูง มีชีวิตชีวา และมีการพัฒนาอย่างต่อเนื่อง Apple เริ่มอนุญาตให้นักพัฒนาแอปเพิ่มภาพหน้าจอที่แปลแล้วสำหรับแอปของตนเพื่อให้นักพัฒนาสามารถแสดงภาพรวมของผู้บริโภคในภาษาแม่ของตนได้ คุณเคยดาวน์โหลดแอปที่ภาพหน้าจอเป็นภาษาที่คุณไม่สามารถอ่านได้หรือไม่? ฉันเดิมพันที่คุณไม่ได้ จากนั้น โฆษณาบนการค้นหาของ App Store ก็มาถึงซึ่งสนับสนุนให้แอปจ่ายเงินเพื่ออยู่ที่ด้านบนสุดของหน้าผลการค้นหาและเพลิดเพลินไปกับประโยชน์การมองเห็นที่เพิ่มขึ้น
การมีแอพที่ยอดเยี่ยมไม่เพียงพออีกต่อไป คุณต้องทำการตลาดให้ถูกวิธีเพื่อให้ได้ผลลัพธ์ การเพิ่มประสิทธิภาพข้อมูลเมตาของแอปเป็นวิธีที่ยอดเยี่ยมในการช่วยให้แอปของคุณประสบความสำเร็จ ภาพหน้าจอ iOS มีบทบาทสำคัญในข้อมูลเมตาของแอป ขนาดภาพหน้าจอ iOS อาจเป็นหัวข้อที่สับสน เราจึงทำให้โพสต์นี้เป็นหัวข้อหลัก อ่านเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับการเพิ่มอัตราการแปลงของคุณด้วยภาพหน้าจอ
- ขนาดภาพหน้าจอของ iOS และ iTunes Connect
- กระบวนการส่งภาพหน้าจอแบบง่าย
- แก้ไขขนาดหน้าจอ iOS ด้วย Placeit
- แอปของคุณพร้อมสำหรับการส่งหรือไม่
- สรุป
iTunes Connect กลายเป็นเรื่องปวดหัวได้อย่างไร
การอัปโหลดภาพหน้าจอไปยัง iTunes Connect นั้นซับซ้อนอย่างมากด้วยขนาดภาพหน้าจอ iOS ใหม่ในขณะนี้ หากแอปของคุณเข้ากันได้กับ iPhone ทุกรุ่น การอัปโหลดภาพหน้าจอของแอปไปยัง App Store จะกลายเป็นฝันร้าย ลองนึกภาพเวลาที่ใช้ในการสร้างภาพหน้าจอในภาษาต่างๆ (การแปลเป็นภาษาท้องถิ่น) และสำหรับอุปกรณ์เฉพาะ รูปภาพนี้:
สมมติว่าคุณอัปโหลดภาพหน้าจอ 5 ภาพสำหรับอุปกรณ์ iPhone แต่ละเครื่อง คุณจะต้องถ่ายภาพหน้าจอ 5 ภาพบนอุปกรณ์ต่างๆ 4 เครื่อง (3.5″, 4″, 4.7″ และ 5.5″) นั่นคือ 20 ภาพ
แอพของคุณมีให้บริการใน ภาษาต่างๆ หรือไม่? ถ้าเป็นเช่นนั้น จำนวนภาพที่คุณจะต้องอัปโหลดอาจเพิ่มขึ้นเป็น 100 หรือมากกว่านั้น!
แค่คิดเกี่ยวกับเวลาที่ใช้ในการเพิ่มข้อความในแต่ละภาพก็มากเกินไป การใช้เวลาและความพยายามในการปรับปรุงแอปของคุณเป็นเรื่องที่สมเหตุสมผลหรือไม่ อย่างแน่นอน!

จากนั้น Apple ก็เข้ามาช่วยชีวิต
ในการประชุม Worldwide Developers Conference ของ Apple ประจำปี 2559 โลกของการพัฒนาแอพได้รับข่าวดีด้วย กระบวนการส่งภาพหน้าจออย่างง่าย
ด้วย ภาพหน้าจอที่เรียบง่าย Apple ช่วยให้นักพัฒนาแอปสร้างภาพหน้าจอสำหรับ iPhone ทุกเวอร์ชันโดยเพียงแค่อัปโหลดเนื้อหาภาพหน้าจอขนาด 5.5 นิ้ว จากนั้นแพลตฟอร์มของพวกเขาจะลดขนาดภาพหน้าจอ 5.5″ (iPhone 7 Plus) นี้เป็น 4.7″, 4″ และ 3.5″ เพื่อให้พอดีกับทุกอุปกรณ์ในตระกูล iPhone ของ Apple
เหนือสิ่งอื่นใด ช่องทำเครื่องหมายเดียวก็ใช้งานได้! จริงๆ แล้ว เมื่ออัปโหลดภาพหน้าจอขนาด 5.5 นิ้ว ที่ตรงตามมาตรฐานของ Apple นั่นคือทั้งหมดที่คุณต้องทำ
เคล็ดลับ: ภาพหน้าจอที่สร้างด้วย Placeit ตรงตามข้อกำหนด
เคล็ดลับ: Apple เปิดเผยข้อมูลเกี่ยวกับการส่งแอพที่ออกแบบมาสำหรับ iPhone X ไปยัง App Store ดูวิดีโอนี้
- ขั้นตอนที่ 1. ลากภาพหน้าจอของคุณ (Apple แนะนำ 3-5) บนหน้าจอความละเอียดสูงสุด (5.5″) ไปยังพื้นที่สีเทา:
- ขั้นตอนที่ 2. เลือก “ใช้จอแสดงผล 5.5 นิ้ว”
- ขั้นตอนที่ 3 คลิกที่ "ขนาดอื่นๆ" เพื่อดูภาพหน้าจอต้นฉบับ 5 ภาพของคุณที่ปรับขนาดให้พอดีกับอุปกรณ์ขนาดเล็ก แค่นั้นแหละ!

ขอขอบคุณ Apple สำหรับ กระบวนการส่งภาพหน้าจอที่ง่าย ขึ้น
Placeit ช่วยให้คุณได้รับขนาดภาพหน้าจอ iOS ที่ถูกต้องได้อย่างไร:
เมื่อนักพัฒนาอัปโหลดภาพหน้าจอด้วยความละเอียดสูงสุดไปยัง iTunes Connect พวกเขาจะต้องปฏิบัติตามข้อกำหนดนี้:
- 72 dpi, RGB, แบน, ไม่โปร่งใส
- รูปแบบไฟล์ภาพ JPEG หรือ PNG คุณภาพสูง
- 1242 x 2208 พิกเซล สำหรับภาพบุคคลความละเอียดสูง (5.5 นิ้ว)
- 2208 x 1242 พิกเซล สำหรับแนวนอนความละเอียดสูง (5.5″)
การสร้างภาพหน้าจอของร้านแอปด้วย Placeit คุณจะได้ไฟล์ PNG หรือ JPEG ที่ตรงตามข้อกำหนดของ Apple และยังดูดีอีกด้วย!
ผลลัพธ์:

หลีกเลี่ยงข้อความแสดงข้อผิดพลาดที่น่ารำคาญ เช่น "ขนาดของภาพหน้าจออย่างน้อยหนึ่งภาพไม่ถูกต้อง" โดยใช้ตัวสร้างภาพหน้าจอ App Store ของ Placeit เพื่อสร้างภาพหน้าจอของ App Store ด้วยขนาดภาพหน้าจอ iOS ที่ถูกต้อง
โปรดจำไว้ว่า หากแอปของคุณมีลักษณะและทำงานเหมือนกันในขนาดอุปกรณ์และการปรับให้เข้ากับท้องถิ่น ให้ใช้ภาพหน้าจอที่มีความละเอียดสูงสุด ชุดนี้จะปรับขนาดอย่างเหมาะสมสำหรับอุปกรณ์ขนาดอื่นๆ เมื่อดูใน App Store ในแต่ละการแปลที่มีใน iTunes Connect
เคล็ดลับ: ตอนนี้เรามี ภาพหน้าจอของ iPad App Store และ iPhone X Mockups แล้ว ลองดูที่นี่!
ใช้เครื่องมือนี้เพื่อดูว่าแอปของคุณพร้อมสำหรับการส่งจริงหรือไม่
เพื่อสรุป
- ภาพหน้าจอชุดหนึ่งชุดต่อตระกูลอุปกรณ์เป็นวิธีที่จะไป! ทำงานอย่างชาญฉลาดขึ้น ไม่ใช่หนักขึ้น
- การแสดงอุปกรณ์จริงบนภาพหน้าจอช่วยเพิ่มการดาวน์โหลด เนื่องจากผู้ใช้สามารถนึกภาพตัวเองโดยใช้แอปของคุณได้ดีขึ้น
- ข้อดีอีกประการของการใช้เฟรม iPhone ในภาพหน้าจอของคุณคือเมื่อลดขนาดลงสำหรับอุปกรณ์ขนาดเล็ก จะดูดี
- หากคุณกำลังจะอัปโหลดภาพหน้าจอแต่ละภาพ ให้ใช้ Transporter XML Feed เพื่อผลลัพธ์ที่ดีที่สุด
เคล็ดลับสุดท้าย – Placeit มีการสมัครสมาชิกที่ให้คุณเข้าถึงม็อคอัพดิจิทัลทั้งหมด รวมถึงเทมเพลตภาพหน้าจอของร้านแอป คุณไม่จำเป็นต้องเลือกและเลือกว่าคุณต้องการดาวน์โหลดจำลองใด ตอนนี้คุณสามารถทดลองและลองใช้มันทั้งหมดได้จนกว่าคุณจะพบแบบจำลองที่สมบูรณ์แบบสำหรับแอปของคุณ!
“ยังพูดถึงเรื่องนี้ไม่พอ: สำหรับนักออกแบบเว็บไซต์/UI Placeit เป็นเครื่องมือออนไลน์ที่ยอดเยี่ยม”
พอล สก็อตต์ 5/5