· บทช่วยสอน · อ่าน 8 นาที

ขนาดภาพหน้าจอ Mac App Store และวิธีสร้าง (2026)

ขนาดภาพหน้าจอ Mac App Store และวิธีสร้าง (2026)
TL;DR. Mac App Store ยอมรับภาพหน้าจอสี่ขนาด ทั้งหมดมีอัตราส่วน 16:10 ได้แก่ 1280×800, 1440×900, 2560×1600 และ 2880×1800 คุณเลือก ขนาดเดียว และใช้กับภาพหน้าจอทุกภาพในชุด — Apple ไม่ต้องการให้ปนกัน ถ่ายภาพ window บน macOS (Cmd-Shift-4 แล้วกด Space หรือใช้ screencapture CLI) จากนั้นจัดวางในกรอบ Mac/desktop และส่งออกตามขนาดใดขนาดหนึ่งในสี่ขนาดนั้น เครื่องมือภาพหน้าจอส่วนใหญ่ข้าม Mac ไปเลย ซึ่งนั่นคือช่องว่างที่บทความนี้พูดถึง

หากคุณพัฒนาแอป Mac App Store Connect จะขอภาพหน้าจอ — และข้อกำหนดแตกต่างจาก iPhone และ iPad มีขนาดที่ยอมรับน้อยกว่า อัตราส่วนภาพเป็น 16:10 แบบ widescreen แทนที่จะเป็นอัตราส่วนสูงของโทรศัพท์ และขั้นตอนการถ่ายภาพเป็นแบบ desktop บทความนี้รวบรวมขนาดที่ยอมรับทั้งหมด (ตรวจสอบกับข้อกำหนดปัจจุบันของ Apple) แสดงวิธีถ่ายภาพบน macOS และอธิบายตรงๆ ในส่วนที่เครื่องมือส่วนใหญ่ข้ามไป

ขนาดภาพหน้าจอที่ Mac App Store ยอมรับ

Apple ยอมรับภาพหน้าจอสำหรับแอป Mac เพียงสี่ความละเอียด ทั้งสี่ขนาดมีอัตราส่วน 16:10 เหมือนกัน — สองขนาดใหญ่เป็นเวอร์ชัน Retina (2×) ของสองขนาดเล็ก:

ขนาด (พิกเซล)อัตราส่วนภาพสเกลหมายเหตุ
1280 × 80016:10ขนาดที่ยอมรับเล็กที่สุด
1440 × 90016:10ความละเอียด laptop non-Retina แบบคลาสสิก
2560 × 160016:102× (Retina)2× ของ 1280 × 800 — แนะนำ
2880 × 180016:102× (Retina)2× ของ 1440 × 900 — แนะนำ

กฎบางข้อที่ควรทราบควบคู่กับตาราง:

  • เลือกขนาดเดียวและใช้ให้สม่ำเสมอ ภาพหน้าจอทุกภาพใน Mac localization เดียวต้องใช้ขนาดเดียวกัน คุณไม่สามารถผสม 2560×1600 กับ 2880×1800 ในชุดเดียวกัน — App Store Connect ถือว่าเป็น device family เดียวที่มีขนาดเดียว
  • ควรใช้ขนาด Retina 2560×1600 หรือ 2880×1800 ดูคมชัดบนหน้าจอ Retina สมัยใหม่ที่นักช้อปส่วนใหญ่ใช้เบราส์ store การอัปโหลดขนาด 1280×800 จะดูเบลอเมื่อขยายขึ้น Apple ระบุว่าทั้งสี่ขนาดใช้ได้ แต่คู่ความละเอียดสูงเป็นตัวเลือกที่เหมาะสมในทางปฏิบัติ
  • 1 ถึง 10 ภาพหน้าจอ คุณต้องใส่อย่างน้อยหนึ่งภาพและอาจใส่ได้สูงสุดสิบภาพต่อ localization
  • PNG หรือ JPEG Apple ยอมรับ .png, .jpg และ .jpeg PNG เป็นตัวเลือกปลอดภัยสำหรับภาพหน้าจอ UI — ไม่มี compression artifact บน text และขอบคม

ที่มา: Screenshot specifications ของ Apple (App Store Connect Help) Apple ปรับปรุงตารางเหล่านี้เป็นระยะ — หากคุณอ่านบทความนี้นานหลังจากวันที่เผยแพร่ปี 2026 กรุณาตรวจสอบตัวเลขที่นั่นก่อนส่ง

ทำไมถึงเป็น 16:10 และไม่ใช่ขนาด window จริงของคุณ

Mac window มีขนาดตามที่คุณลาก — แทบไม่เคยเป็น 16:10 พอดี แต่ store ยอมรับเฉพาะสี่ขนาดคงที่เหล่านั้น ดังนั้นการถ่ายภาพและภาพหน้าจอสุดท้ายจึงเป็นสองสิ่งที่ต่างกัน: คุณถ่ายภาพ window ที่ความละเอียดใดก็ตามที่มันเป็น จากนั้นจัดวางบน canvas 16:10 (1280×800 ถึง 2880×1800) เพื่ออัปโหลด

ความแตกต่างนี้สำคัญเพราะเป็นจุดที่คนมักติดขัด พวกเขาถ่ายภาพ window แล้ว PNG ออกมาที่เช่น 1920×1180 App Store Connect ปฏิเสธเพราะขนาดผิด และไม่มีขั้นตอนต่อไปที่ชัดเจน วิธีแก้ก็เหมือนกันเสมอ: อย่าอัปโหลดภาพถ่ายดิบ — วางมันบน canvas ขนาดถูกต้อง

วิธีถ่ายภาพ window บน macOS

macOS มีเครื่องมือถ่ายภาพหน้าจอในตัวที่ดี มีสองแบบที่ควรรู้สำหรับงาน App Store

Cmd-Shift-4 แล้วกด Space (การถ่ายภาพ window)

  1. กด Cmd-Shift-4 เคอร์เซอร์จะเปลี่ยนเป็นเส้นเล็ง
  2. กด Space bar เส้นเล็งจะกลายเป็นไอคอนกล้อง และ window ที่อยู่ใต้จะถูก highlight
  3. คลิก window macOS จะถ่ายภาพเฉพาะ window นั้น — ที่ความละเอียด native ของหน้าจอ พร้อมมุมโค้งมนและ (โดยค่าเริ่มต้น) เงา

กด Option ค้างไว้ขณะคลิกเพื่อตัดเงาออก — โดยทั่วไปนี่คือสิ่งที่คุณต้องการ เพราะคุณจะเพิ่มกรอบของคุณเองในขั้นตอนการจัดวาง และเงาของ macOS จะซ้ำซ้อน ไฟล์จะถูกบันทึกบน desktop ของคุณเป็น PNG โดยค่าเริ่มต้น

<code>screencapture</code> CLI (กำหนดสคริปต์ได้ แม่นยำ)

สำหรับการถ่ายภาพซ้ำๆ — window เดิม การตั้งค่าเดิม ทุก release — เครื่องมือ command-line เชื่อถือได้มากกว่าการคลิก:

  • screencapture -o -w shot.png — ถ่ายภาพ window แบบโต้ตอบ ตัดเงาออก (-o) บันทึกตรงไปยังไฟล์
  • screencapture -R 0,0,1440,900 shot.png — ถ่ายภาพสี่เหลี่ยมที่แน่นอน ดังนั้นขนาด output จึงทราบล่วงหน้า
  • screencapture -t png shot.png — บังคับ output เป็น PNG อย่างชัดเจน

CLI คือเส้นทางที่ควรใช้หากคุณถ่ายภาพข้ามสถานะแอปหลายสถานะหรือต้องการให้ขั้นตอนการถ่ายภาพอยู่ในสคริปต์ man screencapture รายการ flag ทั้งหมด

Retina และความละเอียด: จุดที่ทำให้คนสับสน

บน Mac แบบ Retina การถ่ายภาพหน้าจอจะเป็นความละเอียดพิกเซลทางกายภาพ — ซึ่ง สองเท่า ของ logical points Window ที่ดูเหมือนครอบพื้นที่ 1440×900 points บนหน้าจอ Retina จะถ่ายภาพออกมาเป็น PNG ขนาด 2880×1800 พิกเซล นั่นเป็นข่าวดีมาก: หมายความว่าการถ่ายภาพที่สะอาดจาก MacBook สมัยใหม่สามารถตรงกับขนาด Retina ที่ยอมรับโดยไม่ต้องขยายภาพ

ผลลัพธ์สองประการ:

  • ถ่ายภาพบนหน้าจอ Retina หากทำได้ พิกเซลเป็นของจริง ไม่ใช่ interpolated การถ่ายภาพ 1× แล้วขยายเป็น 2× จะเบลอ แต่การถ่ายภาพ 2× แบบ native จะคมชัด
  • อย่าขยายภาพถ่ายเล็กเพื่อให้ได้ขนาดใหญ่ หากภาพถ่ายของคุณมีแค่ 1280×800 และคุณยืดเป็น 2560×1600 text จะเบลอและ reviewer ของ Apple (รวมถึงนักช้อป) จะเห็นได้ ถ่ายภาพใหม่ที่ความละเอียดสูงกว่าแทน

การจัดวางในกรอบ Mac / desktop

ภาพหน้าจอ window แบบดิบบน canvas สีขาวดูแบน การวาง capture ไว้ในกรอบ Mac — MacBook, iMac หรือ chrome ของ browser/window แบบ desktop ที่สะอาด — ให้ประโยชน์สองอย่าง: ส่งสัญญาณ "นี่คือแอป Mac" ในผลการค้นหาแวบแรก และให้พื้นหลังที่คุณใช้สำหรับคำบรรยายและพื้นที่สี

การจัดวางเหมือนกับภาพหน้าจอ store ทุกประเภท: แอปที่อยู่ในกรอบวางอยู่บน canvas 16:10 ตามขนาดที่ยอมรับสี่ขนาด พร้อมคำบรรยายสั้นและพื้นหลังที่ไม่แย่งความสนใจจาก UI ข้อจำกัดเฉพาะของ Mac คืออัตราส่วนภาพ — เลย์เอาต์ทั้งหมดของคุณต้องอยู่ใน 16:10 ซึ่งกว้างและสั้นกว่า canvas โทรศัพท์ที่คุณอาจคุ้นเคย

ช่องว่าง: เครื่องมือภาพหน้าจอส่วนใหญ่ข้าม Mac ไป

นี่คือส่วนที่พูดตรงๆ เครื่องมือภาพหน้าจอ App Store ส่วนใหญ่สร้างมาโดยเน้น iPhone และ iPad พวกเขามีกรอบโทรศัพท์และแท็บเล็ต canvas รูปโทรศัพท์ preset สำหรับโทรศัพท์ — แล้วก็หยุดแค่นั้น เมื่อคุณมองหากรอบ MacBook ที่ขนาด 2880×1800 เครื่องมือหลายตัวก็ไม่มีเลย หรือซ่อนรองรับ Mac ไว้หลังตัวเลือก "desktop" ที่ output อัตราส่วนภาพผิด

ผลลัพธ์คือนักพัฒนา Mac มักต้องพึ่งแอป design ทั่วไป (Figma, Sketch, Photoshop) สร้าง artboard 16:10 ด้วยมือ หา MacBook ม็อกอัพ และประกอบทั้งหมดด้วยตนเอง ทำได้แต่ช้ากว่า และง่ายที่จะได้ขนาด export ผิด — ซึ่งนั่นคือการปฏิเสธที่คุณพยายามหลีกเลี่ยงอยู่

การจัดวางภาพหน้าจอ Mac ใน Mokbi

Mokbi รองรับกรอบ Mac คุณจึงทำขั้นตอนการจัดวางในเบราส์เซอร์แทนเครื่องมือ design ทั่วไปได้ คุณวาง window capture ของคุณ วางในกรอบ Mac/desktop เพิ่มคำบรรยาย และส่งออกตามขนาด 16:10 ที่ยอมรับสี่ขนาด — canvas มีรูปร่างถูกต้องอยู่แล้ว ไม่ต้องสร้าง artboard 2880×1800 ด้วยมือหรือเสี่ยงส่งออกผิดสเปค การออกแบบฟรีพร้อม ตัวอย่าง แบบมีลายน้ำ ส่วนการส่งออกและการเผยแพร่แบบไม่มีลายน้ำได้ไม่จำกัดมาพร้อมกับการสมัครสมาชิก — Solo €29.99/mo (1 แอป) หรือ Studio €49.99/mo (สูงสุด 5 แอป) ไม่มีการซื้อแบบครั้งเดียว Mokbi ไม่ถ่ายภาพ window ของ macOS ให้คุณ — ส่วนนั้นยังคงเป็น Cmd-Shift-4 หรือ screencapture — และจะไม่สร้าง Mac UI ที่คุณไม่มี มันจัดการการจัดกรอบ คำบรรยาย การแปลภาษา และการส่งออกตามขนาดที่ถูกต้อง

สรุปสั้นๆ

  1. เลือกขนาดที่ยอมรับหนึ่งขนาด 2560×1600 หรือ 2880×1800 หากต้องการความคมชัดบน Retina ทั้งสี่ขนาดเป็น 16:10
  2. ถ่ายภาพ window บน macOS Cmd-Shift-4 แล้วกด Space หรือ screencapture สำหรับการถ่ายภาพที่กำหนดสคริปต์ได้และแม่นยำ ถ่ายบนหน้าจอ Retina เพื่อให้พิกเซลเป็นของจริง
  3. จัดกรอบและจัดวาง วาง capture ในกรอบ Mac บน canvas 16:10 เพิ่มคำบรรยาย และใช้ขนาดเดิมตลอดทั้งชุด
  4. ส่งออกตามขนาดที่ยอมรับและอัปโหลด 1–10 ภาพต่อ localization PNG เป็นรูปแบบที่ปลอดภัย

สำหรับข้อมูลอ้างอิงขนาด cross-platform ครบถ้วนและกฎการส่งแบบกว้างขึ้น คู่มือสองรายการด้านล่างครอบคลุมทุกอย่างนอกเหนือจากกรณีเฉพาะ Mac

อ่านต่อ

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