ขนาดภาพหน้าจอ iOS

เผยแพร่แล้ว: 2020-04-14

ขนาดภาพหน้าจอ iOS

ขนาดภาพหน้าจอ iTunes Connect สำหรับ iPhone
Ios Scheenshots Mockups

เรื่องสั้นเกี่ยวกับภาพหน้าจอของ 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 นิ้ว” โปรแกรมจัดการรูปภาพ 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 และยังดูดีอีกด้วย!

ราคา Placeit

ผลลัพธ์:

เครื่องมือสร้างภาพหน้าจอของ App Store ของ iPhone XR
เครื่องมือสร้างภาพหน้าจอของ App Store ของ iPhone XR

หลีกเลี่ยงข้อความแสดงข้อผิดพลาดที่น่ารำคาญ เช่น "ขนาดของภาพหน้าจออย่างน้อยหนึ่งภาพไม่ถูกต้อง" โดยใช้ตัวสร้างภาพหน้าจอ 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