· Tutorial · อ่าน 3 นาที

ข้อกำหนดภาพหน้าจอ iPad Pro M4 เจาะลึก

ข้อกำหนดภาพหน้าจอ iPad Pro M4 เจาะลึก
TL;DR. ภาพหน้าจอ iPad Pro M4 ขนาด 13" คือ 2064 × 2752 แนวตั้งหรือ 2752 × 2064 แนวนอนนั่นคือคลาส iPad ใหม่ที่กำหนดให้ส่งในปี 2026 Apple ปรับขนาดอัตโนมัติสำหรับ 12.9", 11", 10.5", 10.2" แต่การปรับขนาดสร้าง artifact ที่น่าเกลียดบนดีไซน์ที่มีข้อความหนาแน่นส่งขนาด native ตาม class หากคุณภาพสำคัญ

iPad Pro รุ่น M4 วางจำหน่ายในเดือนพฤษภาคม 2024 พร้อมตัวเครื่องและ geometry จอภาพที่แตกต่างเล็กน้อยจากรุ่น M2 ซึ่ง Apple กำหนดให้เป็นคลาสขนาดภาพหน้าจอใหม่ได้แก่ 2064 × 2752 แทนที่ขนาดเก่า 2048 × 2732 การเปลี่ยนแปลงนี้เล็กน้อยในเชิงตัวเลขแต่บังคับให้ทุกแอปที่ส่งภาพหน้าจอ iPad ต้องเรนเดอร์ใหม่หรือยอมรับการปรับขนาดอัตโนมัติของ Apple

ขนาดที่แน่นอน

คลาสแนวตั้งแนวนอนสถานะ
iPad Pro M4 13"2064 × 27522752 × 2064กำหนด (2026)
iPad Pro 12.9" (รุ่น 3-6)2048 × 27322732 × 2048ยอมรับได้
iPad Pro M4 11" / Air M21668 × 23882388 × 1668ยอมรับได้
iPad Air รุ่นที่ 3 10.5"1668 × 22242224 × 1668ยอมรับได้
iPad รุ่น 7-9 10.2"1620 × 21602160 × 1620ยอมรับได้

สำหรับการส่งใหม่ในปี 2026 คลาสเดียวที่กำหนดให้มีคือ 13" Apple ปรับขนาดทุกอย่างที่เล็กกว่าอัตโนมัติจากไฟล์อัปโหลด 13"

สิ่งที่การปรับขนาดอัตโนมัติทำจริงๆ

การปรับขนาดอัตโนมัติของ Apple ใช้ bilinear พร้อม sharpening เล็กน้อยสำหรับภาพหน้าจอที่ส่วนใหญ่เป็นภาพถ่ายขนาดใหญ่หรือบล็อคสีทึบการปรับขนาดให้ผลสะอาดและผู้ใช้ส่วนใหญ่ไม่สังเกตเห็นความแตกต่างสำหรับภาพหน้าจอที่มีข้อความหนาแน่น UI element เล็กๆหรือขอบ typographic คมการปรับขนาดสร้างความนุ่มนวลที่มองเห็นได้และ color fringing เล็กน้อยที่ขอบ

ลำดับความสำคัญสำหรับการเรนเดอร์ native ตาม class:

  1. Pro M4 13" — กำหนดคุณส่งอยู่แล้ว
  2. Pro M4 11" / Air M2 — ปริมาณการติดตั้งสูงสุดอันดับสองในกลุ่มผู้ซื้อ iPad Pro
  3. iPad รุ่น 7-9 10.2" — คลาส iPad ที่ไม่ใช่ Pro ที่มีปริมาณการติดตั้งสูงสุด
  4. iPad Pro 12.9" (รุ่นเก่า) — ส่งหากมีปริมาณการติดตั้งที่หลงเหลือจาก Pro รุ่นเก่า
  5. iPad Air รุ่น 3 10.5" — niche การปรับขนาดอัตโนมัติเหมาะสำหรับเกือบทุกคน

เหตุใด M4 จึงบังคับให้เปลี่ยนดีไซน์

รุ่น M4 นำเสนออัตราส่วนภาพที่แตกต่างเล็กน้อย (2064/2752 = 0.750) จาก Pro 12.9" ก่อนหน้า (2048/2732 = 0.7496) ความแตกต่าง 0.05% นี้จะไม่มีผลสำหรับเนื้อหาแต่การเปลี่ยนแปลงจำนวนพิกเซลสัมบูรณ์สำคัญสำหรับภาพหน้าจอที่ออกแบบที่ขนาดเก่าภาพจะถูกปรับขนาดขึ้นแทนที่จะลงและการขยายภาพแบบ bilinear เพิ่มความนุ่มนวล

บางทีมเรนเดอร์ภาพหน้าจอ iPad ใหม่ตั้งแต่ต้นเมื่อย้ายไปขนาด M4 ส่วนใหญ่ยอมรับการปรับขนาดมุมมองที่ตรงไปตรงมาหากปริมาณการติดตั้ง iPad ต่ำยอมรับการปรับขนาดและไม่ต้องเรนเดอร์ใหม่หากมีปริมาณการติดตั้ง iPad ที่มีนัยสำคัญและดีไซน์มีข้อความหนาแน่นหรือ UI ละเอียดให้เรนเดอร์ใหม่แบบ native ที่ 2064 × 2752

ผลกระทบจาก "M4 คือค่าเริ่มต้นใหม่"

การตลาดของ Apple ระบุตำแหน่ง iPad Pro M4 ว่าเป็น iPad มาตรฐานช่อง featured ของ App Store การสาธิตใน keynote และเนื้อหาบรรณาธิการล้วนใช้ภาพหน้าจอคลาส M4 หากมุ่งหวังตำแหน่ง editorial (App of the Day, the Today tab) ภาพหน้าจอ iPad ของคุณควรออกแบบที่ขนาด M4 native

สำหรับทุกคนอื่นการปรับขนาดอัตโนมัติจาก M4 ไปคลาสที่เล็กกว่าก็ดีแค่อย่าออกแบบที่ขนาด 12.9" แล้วขยายไปที่ 13" นั่นคือเส้นทางที่สร้างความนุ่มนวลที่สังเกตเห็นได้

สัดส่วนตัวเครื่องและการออกแบบกรอบ

สำหรับเครื่องมือม็อกอัพ (รวมถึง Mokbi) สัดส่วนตัวเครื่อง iPad Pro M4 แตกต่างเล็กน้อยจากรุ่น M2 / รุ่นเก่า:

  • ตัวเครื่อง Pro M4 13": 281.6 × 215.5 × 5.1mm เบเซลลดลงประมาณ 1mm เทียบกับรุ่นก่อน
  • ตัวเครื่อง Pro M4 11": 249.7 × 177.5 × 5.3mm

สำหรับม็อกอัพที่อ่านออกได้ในขนาดภาพขนาดเล็กกรอบควรวาดหนาขึ้นเล็กน้อยกว่าเบเซลทางกายภาพจริง (~5% padding) เพื่อให้อุปกรณ์อ่านว่าเป็นอุปกรณ์ในขนาดภาพขนาดเล็กในการค้นหากรอบ M4 ของ Mokbi ใช้แนวทางนี้

ข้อควรพิจารณาสำหรับแนวนอน

แอป iPad ที่ใช้แนวนอนได้ประโยชน์จากภาพหน้าจอแนวนอนเลย์เอาต์หลายพาเนลอ่านได้ดีกว่าแบบแนวนอนและ App Store iPad แสดงภาพหน้าจอแนวนอนในรูปแบบที่สูงกว่าแนวตั้งเมื่ออัปโหลดแบบแนวนอน

แอปที่ไม่ใช้แนวนอนควรอยู่กับแนวตั้งการผสมทิศทางในคารูเซลดูไม่เป็นมืออาชีพ

รายละเอียดรูปแบบไฟล์สำหรับการอัปโหลด iPad

  • PNG-24 (แนะนำ) หรือ JPEG
  • โปรไฟล์สี sRGB
  • สูงสุด 8 MB ต่อภาพหน้าจอ PNG ทั่วไปที่ 2064 × 2752 อยู่ที่ 1.5-3 MB
  • ไม่มีความโปร่งใสในภาพที่มองเห็น (Apple อาจเรนเดอร์ผิดปกติเทียบกับพื้นหลังหน้า App Store)
  • ภาพหน้าจอสูงสุด 10 ภาพต่อ class ต่อ locale

สิ่งที่ควรทำสัปดาห์นี้

  1. หากยังไม่ได้ส่งภาพหน้าจอ iPad ขนาด 13" ให้ทำก่อนนั่นคือคลาสที่กำหนด
  2. ตรวจสอบว่าภาพหน้าจอ iPad ที่มีอยู่ออกแบบที่ขนาด 12.9" (2048 × 2732) หรือไม่หากใช่ตัดสินใจว่าจะเรนเดอร์ใหม่ที่ 2064 × 2752 หรือยอมรับการปรับขนาด
  3. ตรวจสอบในขนาดภาพขนาดเล็กหากภาพหน้าจอ iPad ดูนุ่มนวลหรือมี fringing การเรนเดอร์ native ช่วยได้มากกว่าการปรับปรุงอื่น

อ่านต่อ

เปิดเครื่องมือแก้ไข →