ขนาดภาพหน้าจอ App Store และขนาดวิดีโอตัวอย่าง
ตรวจสอบขนาดภาพหน้าจอ App Store, Google Play และ Chrome พร้อมขนาดวิดีโอตัวอย่าง รูปแบบ และจำนวนตามแหล่งข้อมูลอย่างเป็นทางการ
คำตอบสั้น: Apple ยอมรับภาพหน้าจอ 1–10 ภาพในรูปแบบ .jpeg, .jpg หรือ .png และไม่อนุญาตให้มี alpha channel Google Play ต้องมีภาพหน้าจออย่างน้อย 2 ภาพ จึงจะเผยแพร่ได้ รองรับสูงสุด 8 ภาพต่อประเภทอุปกรณ์ และมีกฎแยกสำหรับหน้าจอขนาดใหญ่ Chrome Web Store ต้องมีภาพหน้าจอแบบเต็มขอบ 1–5 ภาพที่ขนาด 1280 × 800 หรือ 640 × 400 กฎของแต่ละสโตร์เปลี่ยนแปลงได้ โปรดตรวจสอบลิงก์ทางการด้านล่างทันทีก่อนส่ง
กฎภาพหน้าจอของแต่ละสโตร์โดยสรุป
| สโตร์ | จำนวน | ข้อกำหนดหลัก |
|---|---|---|
| Apple App Store | 1–10 ภาพ | .jpeg, .jpg หรือ .png; ห้ามมี alpha channel หรือความโปร่งใส |
| Google Play | อย่างน้อย 2 ภาพจึงจะเผยแพร่; สูงสุด 8 ภาพต่อประเภทอุปกรณ์ที่รองรับ | JPEG หรือ PNG 24-bit ที่ไม่มี alpha; ภาพหน้าจอทั่วไปขนาด 320–3840 px |
| Chrome Web Store | 1–5 ภาพ | มุมเหลี่ยม ไม่มีขอบ; 1280 × 800 หรือ 640 × 400 |
แหล่งที่มา: ข้อกำหนดภาพหน้าจอของ Apple, สินทรัพย์ตัวอย่างของ Google Play และ ข้อกำหนดรูปภาพของ Chrome Web Store
ขนาดภาพหน้าจอ App Store (iOS)
Apple รองรับหลายขนาดที่ยอมรับสำหรับแต่ละประเภทหน้าจอ ตารางด้านล่างเป็นข้อมูลอ้างอิงแบบกะทัดรัดสำหรับการอัปโหลดแนวตั้งทั่วไป—ไม่ใช่ข้อกำหนดให้อัปโหลดทุกแถว หาก UI เหมือนกันในทุกขนาดอุปกรณ์และภาษาท้องถิ่น Apple กล่าวว่าคุณสามารถส่งความละเอียดสูงสุดที่ต้องการและให้ App Store Connect ปรับขนาดลงสำหรับขนาดที่เล็กกว่า ตรวจสอบ ข้อกำหนดของ Apple ปัจจุบันใน Media Manager ก่อนเผยแพร่
ขนาดภาพหน้าจอ iPhone
ภาพรวมปัจจุบันของ Apple ระบุกลุ่ม Dynamic Island มาตรฐานสำหรับ iPhone ตรวจสอบเงื่อนไขและหมายเหตุการปรับขนาดของแต่ละกลุ่มด้วย; ไม่ใช่ทุกแถวด้านล่างที่จำเป็นสำหรับทุกแอป
| ประเภทหน้าจอ | ขนาดแนวตั้งที่ยอมรับ (px) | หมายเหตุ |
|---|---|---|
| 6.9" | 1260 × 2736; 1290 × 2796; 1320 × 2868 | กลุ่มหน้าจอ iPhone ขนาดใหญ่ปัจจุบัน |
| 6.5" | 1284 × 2778; 1242 × 2688 | จำเป็นสำหรับแอป iPhone เฉพาะเมื่อไม่ได้ให้ภาพหน้าจอ 6.9" |
| 6.3" | 1179 × 2556; 1206 × 2622 | กลุ่มหน้าจอ iPhone มาตรฐานปัจจุบัน |
| 6.1" | 1170 × 2532; 1125 × 2436; 1080 × 2340 | ขนาดอุปกรณ์รุ่นเก่า/ปัจจุบันที่ยอมรับ |
| 5.5" | 1242 × 2208 | กลุ่มหน้าจอ Plus ขนาดเก่า |
| 4.7" | 750 × 1334 | iPhone SE (รุ่นที่ 2/3) และอุปกรณ์ที่คล้ายกัน |
ขนาดภาพหน้าจอ iPad
| ประเภทหน้าจอ | ขนาดแนวตั้งที่ยอมรับ (px) | หมายเหตุ |
|---|---|---|
| 13" | 2064 × 2752; 2048 × 2732 | จำเป็นหากแอปรันบน iPad |
| 11" | 1488 × 2266; 1668 × 2420; 1668 × 2388; 1640 × 2360 | ขนาดที่ยอมรับแตกต่างกันไปตามรุ่น iPad |
| 10.5" | 1668 × 2224 | กลุ่มหน้าจอ iPad รุ่นเก่า |
กฎสำคัญของ App Store
- อัปโหลด 1 ถึง 10 ภาพหน้าจอ ในรูปแบบ
.jpeg,.jpgหรือ.png - ห้ามใช้ alpha channel หรือความโปร่งใส
- ใช้ความละเอียดสูงสุดที่เหมาะสมเมื่อ UI เหมือนกันในทุกขนาดอุปกรณ์; App Store Connect สามารถปรับขนาดลงได้
- ให้ภาพหน้าจอที่กำหนดเองใน Media Manager เมื่อขนาดอุปกรณ์หรือภาษาท้องถิ่นต้องการภาพที่แตกต่าง
ขนาดวิดีโอตัวอย่าง App Store
ขนาดวิดีโอตัวอย่าง App Store ไม่เหมือนกับขนาดภาพหน้าจอ native สำหรับกลุ่ม iPhone Dynamic Island มาตรฐานและขนาดใหญ่ ความละเอียดตัวอย่างที่ Apple ยอมรับ ได้แก่ 886 × 1920 px ในแนวตั้ง และ 1920 × 886 px ในแนวนอน ใช้ส่วนความละเอียดที่ยอมรับสำหรับกลุ่มอุปกรณ์จริงก่อนเข้ารหัส
| ข้อกำหนดตัวอย่าง | ข้อกำหนดทั่วไปปัจจุบัน |
|---|---|
| ระยะเวลา | 15–30 วินาที |
| ขนาดไฟล์สูงสุด | 500 MB |
| อัตราเฟรม | สูงสุด 30 fps |
| นามสกุลไฟล์ | .mov, .m4v, .mp4 |
| iPhone Dynamic Island มาตรฐาน/ขนาดใหญ่ | 886 × 1920 แนวตั้ง; 1920 × 886 แนวนอน |
แหล่งที่มา: ข้อกำหนด App Preview ของ Apple อุปกรณ์อื่นมีความละเอียดที่ยอมรับแยกกัน และบางรุ่นต้องใช้แนวนอน ภาพหน้าจอ 1290 × 2796 ไม่ได้หมายความว่าความละเอียดเดียวกันจะได้รับการยอมรับสำหรับ App Preview
สินทรัพย์ส่วนหัวและผลการค้นหาของ Apple มีข้อกำหนดอื่น รวมถึงกฎระยะเวลาวิดีโอที่แตกต่างกัน แยกออกจาก App Preview ทั่วไป
ขนาดภาพหน้าจอ Google Play (Android)
Google Play แยกข้อกำหนดทั่วไปของรายการออกจากคำแนะนำเฉพาะอุปกรณ์ สำหรับรายการมาตรฐาน ต้องมีภาพหน้าจออย่างน้อยสองภาพในประเภทอุปกรณ์ต่างๆ คุณสามารถเพิ่มภาพหน้าจอได้สูงสุดแปดภาพสำหรับทุกประเภทอุปกรณ์ที่รองรับ รวมถึงโทรศัพท์ แท็บเล็ต Chromebook ทีวี Wear OS Android Automotive และ Android XR
ข้อกำหนดทั่วไปของ Google Play
| กฎ | ข้อกำหนด |
|---|---|
| รูปแบบ | JPEG หรือ PNG 24-bit โดยไม่มี alpha |
| จำนวนภาพหน้าจอ | อย่างน้อย 2 ภาพจึงจะเผยแพร่; สูงสุด 8 ภาพต่อประเภทอุปกรณ์ที่รองรับ |
| ขนาด | ต่ำสุด 320 px; สูงสุด 3840 px; ด้านที่ยาวที่สุดต้องไม่เกินสองเท่าของด้านที่สั้นที่สุด |
| คุณสมบัติในการแนะนำ | สำหรับแอป ให้ภาพหน้าจออย่างน้อย 4 ภาพที่ 1080 px หรือใหญ่กว่า; ใช้ 16:9 แนวนอน หรือ 9:16 แนวตั้ง |
อุปกรณ์หน้าจอขนาดใหญ่
สำหรับรายการ Chromebook และแท็บเล็ต Google Play อนุญาตให้มีภาพหน้าจออย่างน้อยสี่ภาพเพื่อแสดงประสบการณ์ของแอป การอัปโหลดสำหรับหน้าจอขนาดใหญ่ใช้ช่วง 1080–7680 px แยกต่างหาก และอัตราส่วน 16:9 แนวนอน หรือ 9:16 แนวตั้ง หลีกเลี่ยงข้อความทางการตลาดเพิ่มเติมในภาพเพราะอาจถูกตัดในพื้นที่แสดงผลของ Play
กราฟิกโปรโมท (1024 × 500)
นอกจากภาพหน้าจอ ทุกรายการใน Google Play ต้องมี กราฟิกโปรโมท — แบนเนอร์แนวนอนขนาด 1024 × 500 px พอดี บันทึกเป็น JPEG หรือ PNG 24-bit โดยไม่มีความโปร่งใส Google ใช้กราฟิกนี้ในรายการสโตร์ ในตำแหน่งโปรโมชัน และเป็นเฟรมปกของวิดีโอโปรโมชัน ดังนั้นควรทำให้พาดหัวอ่านได้ในขนาดเล็ก และหลีกเลี่ยงการให้คะแนน รางวัล และการกล่าวอ้างราคา ซึ่งนโยบายของ Play ห้ามไว้ คุณสามารถสร้างได้ในไม่กี่นาทีด้วย เครื่องมือสร้างกราฟิกโปรโมท ของเรา ซึ่งเปิด编辑器พร้อมพรีเซ็ต Feature Graphic ตรวจสอบไฟล์ที่ส่งออกจริงก่อนอัปโหลด
กฎสำคัญของ Google Play
- แสดงประสบการณ์จริงในแอปแทนการใช้ภาพจำลองอุปกรณ์หรือภาพการตลาดที่ไม่เกี่ยวข้อง
- แปลข้อความซ้อนทับสำหรับตลาดที่คุณกำหนดเป้าหมาย
- หลีกเลี่ยงอันดับ รางวัล คำรับรอง การกล่าวอ้างราคา และคำกระตุ้นให้ดำเนินการในภาพหน้าจอ
- ให้ข้อความ alt ที่กระชับสำหรับสินทรัพย์กราฟิกทุกชิ้นที่อัปโหลด
อ่าน นโยบายสินทรัพย์ตัวอย่างของ Google Play ปัจจุบันก่อนส่ง; ข้อกำหนดแตกต่างกันสำหรับ Wear OS, TV, Automotive และ Android XR
ขนาดภาพหน้าจอ Chrome Web Store
สำหรับส่วนขยาย Chrome ให้มีภาพหน้าจออย่างน้อยหนึ่งภาพ—และควรมีสูงสุดห้าภาพ—ที่แสดงประสบการณ์จริงของส่วนขยาย
| สินทรัพย์ | ข้อกำหนด | หมายเหตุ |
|---|---|---|
| ภาพหน้าจอ | 1280 × 800 หรือ 640 × 400 | 1–5 ภาพ; มุมเหลี่ยมและไม่มีขอบ |
| ภาพโปรโมชันขนาดเล็ก | 440 × 280 | ภาพโปรโมชันที่จำเป็น |
| ภาพโปรโมชันแบบ Marquee | 1400 × 560 | ไม่บังคับ ใช้สำหรับการนำเสนอที่โดดเด่นยิ่งขึ้น |
เอกสารของ Chrome แนะนำภาพหน้าจอ 1280 × 800 เพราะดูดีกว่าบนจอความละเอียดสูง แม้ว่าสโตร์จะย่อขนาดลงเป็น 640 × 400
แนวทางปฏิบัติที่ดีที่สุดในการส่ง
1. เริ่มจากขนาดสโตร์สูงสุดที่เหมาะสม
เก็บต้นฉบับความละเอียดสูงไว้ แล้วส่งออกเฉพาะขนาดที่ยอมรับซึ่งจำเป็นสำหรับรายการของคุณ สำหรับ Apple วิธีนี้ช่วยลดงานซ้ำเมื่ออินเทอร์เฟซเหมือนกันในทุกขนาด
2. ทำให้ภาพหน้าจอแรกอธิบายผลิตภัณฑ์
ใช้ภาพหน้าจอเปิดเพื่อแสดงขั้นตอนการทำงานหลักของแอป ไม่ใช่แค่การ์ดชื่อเรื่อง Google Play ขอให้ภาพหน้าจอแสดงประสบการณ์จริงของแอปหรือเกมอย่างชัดเจน
3. แปลเฉพาะสิ่งที่ผู้ใช้จะอ่าน
แปลข้อความบนภาพและภาพหน้าจอเมื่อ UI ของผลิตภัณฑ์แตกต่างกันตามตลาด รักษาสถานะผลิตภัณฑ์ที่เป็นจริงและสอดคล้องกับบิลด์ที่ส่ง
4. ตรวจสอบกฎของแพลตฟอร์มอีกครั้งก่อนทุกรีลีส
ประเภทอุปกรณ์ ขนาดที่ยอมรับ และถ้อยคำนโยบายมีการพัฒนา ให้ใช้บทความนี้เป็นข้อมูลอ้างอิงในการทำงาน และใช้หน้าอย่างเป็นทางการของ Apple, Google Play และ Chrome เป็นแหล่งข้อมูลการส่งที่เชื่อถือได้
คำถามที่พบบ่อย
ขนาดภาพหน้าจอ App Store ที่แน่นอนคืออะไร?
เริ่มจากกลุ่มหน้าจอที่ทำเครื่องหมายว่าจำเป็นสำหรับแอปของคุณใน Media Manager กลุ่ม iPhone Dynamic Island มาตรฐานปัจจุบันของ Apple ยอมรับ 1179 × 2556 หรือ 1206 × 2622 px ในแนวตั้ง 1290 × 2796 px ยังคงเป็นขนาดภาพหน้าจอหน้าจอขนาดใหญ่ที่ยอมรับได้ แต่ไม่ควรคิดว่าครอบคลุมกลุ่มอื่นทั้งหมด สำหรับแอป iPad ให้ตรวจสอบกลุ่ม 13 นิ้วและขนาดที่ยอมรับด้านบน
ควรอัปโหลดภาพหน้าจอกี่ภาพ?
Apple อนุญาต 1–10 ภาพ Google Play ต้องมีอย่างน้อย 2 ภาพจึงจะเผยแพร่ และรองรับสูงสุด 8 ภาพสำหรับแต่ละประเภทอุปกรณ์ที่รองรับ Chrome Web Store ต้องมี 1–5 ภาพ ใช้จำนวนที่อธิบายผลิตภัณฑ์ของคุณได้ชัดเจน แทนการเติมทุกช่องด้วยภาพที่เกือบซ้ำกัน
จำเป็นต้องมีภาพหน้าจอสำหรับทุกขนาดอุปกรณ์ Apple หรือไม่?
ไม่เสมอไป เมื่ออินเทอร์เฟซของคุณเหมือนกัน Apple อนุญาตให้ภาพหน้าจอความละเอียดสูงปรับขนาดลงสำหรับอุปกรณ์ขนาดเล็ก เพิ่มภาพเฉพาะอุปกรณ์เฉพาะเมื่อช่วยปรับปรุงรายการหรือจำเป็นสำหรับอินเทอร์เฟซที่แตกต่าง
ควรใช้ PNG หรือ JPEG?
Apple ยอมรับ .jpeg, .jpg และ .png; Google Play ยอมรับ JPEG หรือ PNG 24-bit ทั้งสองแพลตฟอร์มห้าม alpha/ความโปร่งใสสำหรับภาพหน้าจอในรายการ ดังนั้นตรวจสอบไฟล์ที่ส่งออกก่อนอัปโหลด
สามารถใช้ภาพหน้าจอเดียวกันซ้ำใน iOS และ Android ได้หรือไม่?
คุณสามารถใช้เรื่องราวผลิตภัณฑ์ซ้ำได้ แต่แต่ละสโตร์มีข้อกำหนดทางเทคนิคและนโยบายที่แตกต่างกัน ส่งออกไฟล์เฉพาะสโตร์และตรวจสอบให้แน่ใจว่าทุกภาพหน้าจอแสดงประสบการณ์แอปที่สอดคล้องกันอย่างถูกต้อง
ตรวจสอบการอัปโหลดที่แปลแล้ว
ใช้ รายการตรวจสอบการแปลสำหรับการเปิดตัวทั่วโลก เพื่อตรวจสอบภาษาและเลย์เอาต์คำบรรยาย หาก App Store Connect ขอให้คุณบันทึกภาษาใหม่ก่อน โปรดปฏิบัติตาม คู่มือโลแคลที่บันทึกไว้ สำหรับลิงก์ดาวน์โหลดบนเว็บไซต์ ให้ใช้ ป้าย App Store อย่างเป็นทางการ
สร้างภาพหน้าจอพร้อมใช้สำหรับสโตร์
ด้วย AppScreenshots คุณสามารถสร้างงานศิลปะสำหรับ App Store ที่สอดคล้องกัน แปลเป็นภาษาท้องถิ่น และส่งออกขนาดเฉพาะแพลตฟอร์มจากเวิร์กโฟลว์การออกแบบเดียว ตรวจสอบขั้นสุดท้ายในคอนโซลสโตร์ปลายทางก่อนเผยแพร่เสมอ
ผู้เขียน
ผู้สร้าง AppScreenshots พัฒนาเครื่องมือสำหรับการออกแบบภาพหน้าจอและการเตรียมเปิดตัวแอป
หมวดหมู่
โพสต์เพิ่มเติม
ข้อกำหนดภาพหน้าจอ App Store: เช็กลิสต์อัปโหลด
ตรวจสอบข้อกำหนดภาพหน้าจอ App Store กลุ่มอุปกรณ์ รูปแบบ และการตรวจสอบก่อนส่งออก พร้อมลิงก์ไปยังข้อกำหนดล่าสุดของ Apple
ภาพส่วนหัว App Store: ขนาดและเช็กลิสต์การอัปโหลด
ตรวจสอบขนาด รูปแบบ และกฎการครอปของภาพส่วนหัว App Store และสินทรัพย์ผลการค้นหา พร้อมข้อกำหนดล่าสุดของ Apple และเช็กลิสต์การอัปโหลด
รายการตรวจสอบการแปล App Store สำหรับการเปิดตัวทั่วโลก
ใช้รายการตรวจสอบการแปล App Store นี้เพื่อตรวจสอบข้อมูลเมตา ภาพหน้าจอ ภาษา และความพร้อมในการอัปโหลดก่อนการเปิดตัวทั่วโลก
จดหมายข่าว
ติดตามข่าวสาร
รับเคล็ดลับการออกแบบแอปและเทรนด์ไอคอนล่าสุดส่งตรงถึงกล่องจดหมายของคุณ