สกรีนช็อต App Store ที่ขายได้: สไตล์ สเปก เวิร์กโฟลว์

ไอคอนของคุณทำให้คนกดเข้ามา สกรีนช็อตของคุณทำให้คนกดติดตั้ง เมื่อมีคนมาถึงหน้าแอปของคุณแล้ว — ไม่ว่าจะบน App Store หรือ Google Play — แกลเลอรีสกรีนช็อตคือองค์ประกอบที่ใหญ่และเสียงดังที่สุดบนหน้านั้น และผู้เข้าชมส่วนใหญ่ตัดสินใจว่าจะติดตั้งหรือกดออกจากสิ่งที่มองเห็นได้โดยไม่ต้องเลื่อนจอ

นั่นแปลว่าสกรีนช็อตของคุณไม่ใช่คู่มือการใช้งาน แต่มันคือโฆษณา ทีมที่ปฏิบัติกับมันเหมือนบิลบอร์ด — แคปชันตัวหนา สีของแบรนด์ หนึ่งไอเดียต่อหนึ่งเฟรม — ทำยอดแปลงได้ดีกว่าทีมที่อัปโหลดภาพหน้าจอดิบ ๆ แล้วถือว่าจบงานอยู่เสมอ

นี่คือวิธีออกแบบสกรีนช็อตบนสโตร์ที่ขายได้ สิ่งที่สโตร์กำหนดไว้จริง ๆ ณ เดือนกรกฎาคม 2026 และเวิร์กโฟลว์ภาพไดคัทแบบใช้งานได้จริงสำหรับสร้างภาพประกอบหลักแบบที่แอปอันดับต้น ๆ ใช้กัน

ทำไมสกรีนช็อตถึงเป็นตัวตัดสินยอดติดตั้ง

การเลือกดูแอปบนสโตร์นั้นโหดร้าย บน App Store สกรีนช็อตแนวตั้งไม่กี่ภาพแรกของคุณจะปรากฏในผลการค้นหาโดยตรง — คนตัดสินคุณตั้งแต่ยังไม่ทันเข้ามาที่หน้าแอปด้วยซ้ำ และเมื่ออยู่ในหน้านั้นแล้ว บนอุปกรณ์ส่วนใหญ่จะมีแค่สกรีนช็อตภาพแรกหรือสองภาพเท่านั้นที่มองเห็นได้โดยไม่ต้องเลื่อน

จึงเกิดเป็น กฎสองสกรีนช็อตแรก: ประโยชน์ที่แข็งแรงที่สุดและจุดต่างที่ชัดเจนที่สุดของคุณต้องอยู่ในตำแหน่งที่หนึ่งและสอง ไม่ใช่หน้าจอเข้าสู่ระบบ ไม่ใช่หน้าตั้งค่า แต่คือสิ่งที่ทำให้คนคิดว่า "ฉันต้องมีอันนี้" — แสดงให้เห็น ไม่ใช่อธิบาย

ทุกอย่างหลังตำแหน่งที่สองมีไว้สำหรับคนส่วนน้อยที่เลื่อนดูต่อ มีประโยชน์อยู่ แต่เป็นแค่ตัวประกอบ

สไตล์สกรีนช็อตยุคใหม่

ลองไล่ดูแอปอันดับต้น ๆ แล้วคุณจะเห็นภาษาภาพชุดเดียวกันอยู่ทุกที่ เพราะมันได้ผล:

• กรอบอุปกรณ์บนพื้นหลังสี — หน้าจอ UI อยู่ในม็อกอัปโทรศัพท์ ลอยอยู่บนผืนสีแบรนด์ที่จัดจ้าน แทนที่จะขยายเต็มเฟรมจนชนขอบ
• แคปชันบอกประโยชน์ด้านบน — สั้น ตัวใหญ่ อ่านออกตั้งแต่ขนาดภาพย่อ "บันทึกทุกค่าใช้จ่ายอัตโนมัติ" ชนะ "หน้าแดชบอร์ด" ขาดลอย
• หนึ่งข้อความต่อหนึ่งเฟรม — สกรีนช็อตแต่ละภาพเสนอเพียงประเด็นเดียว การยัดสามฟีเจอร์ลงในภาพเดียวเท่ากับสื่อสารได้ศูนย์
• ลำดับที่เล่าเรื่อง — เฟรมอ่านจากซ้ายไปขวาเหมือนสไลด์นำเสนอ บางแอปใช้พื้นหลังพาโนรามาต่อเนื่องทุกเฟรมเพื่อดึงสายตาให้เลื่อนดูจนจบแกลเลอรี
• ตัวแบบจากโลกจริง — คน สินค้า หรือสัตว์เลี้ยงที่ไดคัทแล้ววางประกอบข้างกรอบอุปกรณ์ ช่วยเติมชีวิตที่หน้าจอ UI แบน ๆ ให้ไม่ได้

สเปก ตรวจสอบแล้ว ณ เดือนกรกฎาคม 2026

สโตร์ทั้งสองแห่งจะปฏิเสธไฟล์ที่ขนาดไม่ถูกต้องตั้งแต่ตอนอัปโหลด ดังนั้นตรวจให้แน่ก่อนส่งออกทีเดียวทั้งชุด

Apple App Store

• iPhone — ต้องมีชุดสกรีนช็อตสำหรับหน้าจอคลาส 6.9 นิ้วอย่างน้อยหนึ่งชุด แล้ว Apple จะย่อให้อุปกรณ์ที่เล็กกว่าเอง ขนาดแนวตั้งมาตรฐานคือ 1320 x 2868 พิกเซล (คลาสนี้รองรับ 1290 x 2796 และ 1260 x 2736 ด้วย)
• iPad — ถ้าแอปของคุณรองรับ iPad จะต้องมีชุดสำหรับหน้าจอ 13 นิ้วด้วย: 2064 x 2752 พิกเซล แนวตั้ง
• ข้อจำกัดและรูปแบบไฟล์ — 1 ถึง 10 สกรีนช็อตต่อขนาดอุปกรณ์ รองรับเฉพาะ JPEG หรือ PNG และห้ามมีช่องอัลฟา รวมเลเยอร์ให้แบนก่อนอัปโหลดทุกครั้ง

Google Play

• จำนวน — สูงสุด 8 สกรีนช็อตต่อประเภทอุปกรณ์ และต้องมีอย่างน้อย 2 ภาพจึงจะเผยแพร่ได้
• ขนาด — แต่ละด้านต้องอยู่ระหว่าง 320 ถึง 3,840 พิกเซล และด้านยาวต้องไม่เกินสองเท่าของด้านสั้น
• รูปแบบไฟล์ — JPEG หรือ PNG แบบ 24 บิตที่ไม่มีช่องอัลฟา และคุณยังต้องมีภาพกราฟิกเด่นขนาด 1024 x 500 พิกเซลด้วย
• เงื่อนไขการได้รับการแนะนำ — Google ขอสกรีนช็อตอย่างน้อย 4 ภาพที่ความละเอียด 1080 พิกเซลขึ้นไป แอปจึงจะมีสิทธิ์ปรากฏในตำแหน่งแนะนำแบบภาพขนาดใหญ่

สเปกจะขยับเมื่อมีฮาร์ดแวร์รุ่นใหม่ออกมา ก่อนปล่อยเวอร์ชันสำคัญจึงควรเช็กเอกสารของ App Store Connect และ Play Console อีกครั้ง

เวิร์กโฟลว์ภาพไดคัทสำหรับสกรีนช็อตภาพหลัก

เฟรมหลักที่จัดวางอย่างตั้งใจเหล่านั้น — นักวิ่งที่ทะยานออกมาจากกรอบอุปกรณ์ของแอปฟิตเนส รองเท้าผ้าใบที่ลอยอยู่ข้าง UI ของแอปขายต่อ — ล้วนสร้างขึ้นจากภาพไดคัท และเวิร์กโฟลว์ก็ง่ายกว่าที่เห็น:

1. ถ่ายภาพหน้าจอ UI ที่สะอาด จากอุปกรณ์จริงหรือซิมูเลเตอร์
2. ถ่ายหรือหาภาพไลฟ์สไตล์ ของตัวแบบที่คุณต้องการ: ผู้ใช้ สินค้า อาหาร หรือสัตว์เลี้ยง
3. ไดคัทตัวแบบออกมา ด้วย remover.bg — เส้นผม ขนสัตว์ และขอบละเอียดรอดจากการตัด ซึ่งสำคัญมากเมื่อตัวแบบไปทับกับพื้นหลังสีจัด
4. ส่งออกเป็น PNG พื้นหลังโปร่งใส เพื่อให้ซ้อนลงบนผืนสีแบรนด์ได้เนียน คู่มือ PNG พื้นหลังโปร่งใสของเราอธิบายรายละเอียดของรูปแบบไฟล์นี้ไว้ครบ
5. จัดองค์ประกอบในโปรแกรมออกแบบของคุณ — กรอบอุปกรณ์ ภาพไดคัท แคปชัน — แล้วเพิ่มเงานุ่ม ๆ ใต้ตัวแบบ เพื่อให้มันอยู่ ใน ฉากแทนที่จะลอยเคว้ง ดูเงาที่ดูสมจริงว่ามิติความลึกช่วยขายภาพประกอบได้อย่างไร

ตรรกะการซ้อนเลเยอร์เดียวกันกับภาพไดคัทสำหรับงานนำเสนอใช้ได้ที่นี่เช่นกัน: ตัวแบบอยู่หน้า ข้อความอยู่บน พื้นหลังสะอาดอยู่หลัง มีข้อควรระวังหนึ่งข้อที่ต้องย้ำอีกครั้ง — ความโปร่งใสคือวัตถุดิบ ไม่ใช่ไฟล์ที่ส่งมอบ สโตร์ทั้งสองแห่งปฏิเสธไฟล์ที่มีช่องอัลฟา ดังนั้นรวมเลเยอร์ไฟล์ส่งออกสุดท้ายของคุณให้แบนเสมอ

แปลภาษาและทดสอบก่อนจะเชื่อสัญชาตญาณตัวเอง

ตัวคูณพลังสองอย่างที่ทีมส่วนใหญ่มองข้าม:

• การแปลภาษา — คอนโซลทั้งสองแห่งรองรับชุดสกรีนช็อตแยกตามภาษา เก็บแคปชันไว้ในเลเยอร์ของตัวเองในไฟล์ออกแบบ แล้วการสลับภาษาจะใช้เวลาไม่กี่นาที ไม่ใช่ต้องออกแบบใหม่ทั้งชุด แคปชันที่แปลแล้วมักทำผลงานได้ดีกว่าค่าเริ่มต้นภาษาอังกฤษในตลาดที่ไม่ได้ใช้ภาษาอังกฤษ
• การทดสอบ A/B — Product Page Optimization ของ Apple ให้คุณทดสอบทางเลือกได้สูงสุดสามแบบเทียบกับหน้าปัจจุบัน ส่วน Google Play มี store listing experiments ให้ใช้ เปลี่ยนทีละตัวแปร — ถ้อยคำของแคปชัน ลำดับของเฟรมแรก สีพื้นหลัง — ไม่อย่างนั้นคุณจะไม่มีทางรู้ว่าอะไรคือสิ่งที่ทำให้ตัวเลขขยับ

สรุป

นำด้วยประโยชน์ที่แข็งแรงที่สุดในเฟรมที่หนึ่งและสอง ใช้กรอบอุปกรณ์ แคปชันตัวหนา และตัวแบบที่ไดคัทแล้ววางบนพื้นหลังสีแบรนด์ ทำให้ตรงสเปกพิกเซลแบบเป๊ะ ๆ รวมเลเยอร์ความโปร่งใสให้แบน แล้วปล่อยให้ผลทดสอบ A/B ลบล้างความเห็นส่วนตัวของคุณ สกรีนช็อตคือโฆษณาชิ้นสุดท้ายที่แอปของคุณปล่อยก่อนถึงปุ่มติดตั้ง — ทำให้มันพูดแทนคุณให้ได้