ขนาดหน้าจอ iTunes Connect สำหรับอุปกรณ์ iOS (iPhone / iPad / Apple Watch) ทั้งหมด


222

ฉันกำลังพยายามส่งแอปพลิเคชันใหม่ไปยัง App Store แต่ตอนนี้ Apple ต้องการภาพหน้าจอสำหรับ iPhone ขนาด 4.7 นิ้วและ 5.5 นิ้ว ใครมีข้อกำหนดภาพหน้าจอ (ขนาด) เหล่านี้หรือไม่

ฉันลองด้วย:

  • 640 x 1136 (แนวตั้ง)
  • 640 x 1096 (แนวตั้ง)
  • 1136 x 640 (แนวนอน)
  • 1136 x 600 (แนวนอน)

ฉันพยายามใช้ภาพหน้าจอขนาดของ iPad แต่ก็ไม่ได้ผลเช่นกัน ฉันไม่ได้รับคำแนะนำหรืออีเมลจาก Apple ด้วยข้อมูลนี้และฉันไม่เห็นความช่วยเหลือใน iTunes Connect


Apple มีหน้าเว็บที่อธิบายความต้องการการถ่ายภาพหน้าจอใหม่หรือไม่ หน้านี้ยังไม่ได้รับการปรับปรุง
Codo

1
ฉันทำการค้นหา แต่ฉันไม่พบสิ่งใดเกี่ยวกับขนาดความละเอียดใหม่ นอกจากนี้ฉันกำลังมองหาในการพัฒนาทรัพยากร ยังไม่มีโชค
เกมและแอป EO

1
มันได้รับการอัปเดตdeveloper.apple.com/library/ios/documentation/?hl=th
1872384

1
อัปเดตในปี 2560 ลิงค์: developer.apple.com/library/content/documentation/…
Ludo

คำตอบ:


489

ความละเอียดต่อไปนี้เป็นที่ยอมรับในการเชื่อมต่อกับ iTunes

  • iPhone 3 + 4 (3.5 นิ้ว)
    • 640 x 960
  • iPhone 5, iPhone 5S, iPhone 5C (4 นิ้ว)
    • 640 x 1136
  • iPhone 6, iPhone 6S, iPhone 7, iPhone 8 (4.7 นิ้ว)
    • 750 x 1334
  • iPhone 6 Plus, iPhone 6S Plus, iPhone 7 Plus, iPhone 8 Plus (5.5 นิ้ว)
    • 1242 x 2208
    • คุณต้องใช้ภาพหน้าจอในความละเอียดนี้โทรศัพท์จะปรับขนาดเป็น 1080 x 1920
  • iPhone X (5.8 นิ้ว)
    • 1125 x 2436
  • iPhone XR (6.1 นิ้ว)
    • 828 x 1792
  • iPhone XS (5.8 นิ้ว)
    • 1125 x 2436
  • iPhone XS Max (6.5 นิ้ว)
    • 1242 x 2688
  • iPad Mini 2, iPad Mini 3, iPad Mini 4 (7.9 นิ้ว)
    • 1536 x 2048
  • iPad 3, iPad 4, iPad Pro, iPad Air, iPad Air 2 (9.7 นิ้ว)
    • 1536 x 2048
  • iPad Pro (10.5 นิ้ว)
    • 1668 x 2224
  • iPad Pro (12.9 นิ้ว)
    • 2048 x 2732
  • Apple Watch Series 1, Apple Watch Series 2, Apple Watch Series 3 - 38 มม. (1.5 นิ้ว)
    • 272 x 340
  • Apple Watch Series 4 - 40 มม. (1.57 นิ้ว)
    • 394 x 324
  • Apple Watch Series 1, Apple Watch Series 2, Apple Watch Series 3 - 42 มม. (1.65 นิ้ว)
    • 312 x 390
  • Apple Watch Series 4 - 44 มม. (1.78 นิ้ว)
    • 448 x 368

หวังว่านี่จะช่วยได้ แม้แต่เอกสารของ Appleในเรื่องนี้ก็ยังไม่สมบูรณ์

อัปเดต: Apple ได้เปิดตัว Media Manager ใหม่ซึ่งต้องการเพียงคุณสร้างอาร์ตเวิร์คสำหรับอุปกรณ์ iPhone และ / หรือ iPad ที่ใหญ่ที่สุด ภาพขนาดเล็กจะถูกสร้างขึ้นสำหรับคุณ โปรดทราบว่าหากคุณไม่เคยสร้างภาพ iPad Pro มาก่อนคุณต้องทำทันที (ถ้าคุณรองรับ iPad)

ปรับปรุง: ภาพหน้าจอและแอปพลิเคตัวอย่างสำหรับอุปกรณ์ใหม่สนับสนุนในขณะนี้


12
คุณช่วยอธิบายได้อย่างไรถึง 'iPhone 6 Plus (2208 x 1242)' เพราะรายละเอียดของแอปเปิ้ลโฟนให้ขนาด 1920x1080 พิกเซลสำหรับบวก ...
Orgmir

1
@queenie, 3x ภาพหน้าจอขนาด 5.5 นิ้วคือ 2208 x 1242 ไม่ใช่ 1920 x 1080
northtree

5
@BCClayton ภาพใน iPhone 6 Plus จะถูกลดขนาดตัวอย่างลง 1.15 ความละเอียดพิกเซลต่ำกว่า paintcodeapp.com/news/iphone-6-screens-demystified ฉันเดาว่า iPhone 7 อาจจะ 2208 x 1242 พิกเซล
northtree

1
ปรับISแน่นอนเปลี่ยนความละเอียดของหน้าจอ
boweidmann

6
เมื่อ Apple เปิดตัว "Media Manager" ใหม่พวกเขาให้ประโยชน์ใหม่แก่เราเพียงแค่อัปโหลดขนาดหน้าจอของอุปกรณ์ที่ใหญ่ที่สุด อย่างไรก็ตามตอนนี้พวกเขาต้องการให้คุณสร้างภาพหน้าจอขนาดiPad Proหากคุณรองรับ iPad สิ่งนี้น่าผิดหวังถ้าคุณค้นพบสิ่งนี้หลังจากได้รับทรัพย์สินปกติสำหรับแอพ 80+ ที่คุณกำลังอัปเดตและต้องกลับไปที่ทีม UX ของคุณสำหรับ iPad Pro ใหม่ที่พวกเขาไม่เคยสร้างมาก่อน #sigh
Bruno Bronosky

215

คำตอบนี้ได้รับการอัพเดตสำหรับ Xcode 11

App Store Connect ปัจจุบันถามถึงรูปภาพในประเภทต่อไปนี้:

ป้อนคำอธิบายรูปภาพที่นี่

จอแสดงผล iPhone 6.5 "

นี่คือ1242 x 2688พิกเซล คุณสามารถสร้างภาพขนาดนี้ได้โดยใช้เครื่องจำลองiPhone 11 Pro Max

จอแสดงผล iPhone 5.5 "

นี่คือ1242 x 2208พิกเซล คุณสามารถสร้างภาพขนาดนี้โดยใช้เครื่องจำลองiPhone 8 Plus

จอแสดงผล iPad Pro (รุ่นที่ 3) 12.9 "

นั่นคือ2048 x 2732พิกเซล คุณสามารถสร้างภาพขนาดนี้ใช้iPad โปร (12.9 นิ้ว) (รุ่นที่ 3)จำลอง

จอแสดงผล iPad Pro (รุ่นที่ 2) 12.9 "

นั่นคือ2048 x 2732พิกเซล นี่เป็นขนาดเดียวกับiPad Pro (12.9 นิ้ว) (รุ่นที่ 3)ดังนั้นคนส่วนใหญ่สามารถใช้ภาพหน้าจอเดียวกันได้ที่นี่ แต่เห็นนี้

หมายเหตุ

  • ใช้ไฟล์> สร้างภาพหน้าจอใหม่ ( Command+ S) ในตัวจำลองเพื่อบันทึกภาพหน้าจอไปยังเดสก์ท็อป บนอุปกรณ์จริงกดSleep/Wake+ Home บน iPhone / iPad (รูปภาพพร้อมใช้งานในแอพรูปภาพ)
  • ขนาดพิกเซลข้างต้นเป็นขนาดแนวตั้งแบบเต็มหน้าจอ คุณไม่ควรรวมแถบสถานะดังนั้นคุณสามารถวางสีพื้นหลังไว้เหนือข้อความบนแถบสถานะและไอคอนหรือครอบตัดและขยายภาพ
  • ดูลิงค์นี้สำหรับรายละเอียดเพิ่มเติม

110

ในการรับภาพหน้าจอขนาดที่เหมาะสมโดยไม่ต้องสร้างด้วยตนเอง - รันแอพของคุณในเวอร์ชั่นล่าสุดของ Xcode แล้วเลือก iPhone ที่คุณต้องการภาพหน้าจอจากนั้นกด cmd-s ในขณะที่ดูตัวจำลอง วิธีนี้จะบันทึกภาพหน้าจอไปยังเดสก์ท็อปของคุณในความละเอียดเต็มรูปแบบที่คุณต้องการสำหรับส่ง

ตามที่ระบุไว้ด้านล่างโดย @HoffZ ตรวจสอบให้แน่ใจว่าได้ตั้งค่ามาตราส่วนเป็น 100% แล้ว

ใน Xcode เลือกโปรแกรมจำลองที่คุณต้องการ:

ตัวจำลอง Xcode

ในเมนูเครื่องมือช่วยตั้งค่ามาตราส่วนเป็น 100%:

ตั้งค่ามาตราส่วนเป็น 100%

กด cmd-s เพื่อบันทึก:

บันทึกภาพหน้าจอ


10
ข้อควรทราบสองประการ: 1) ภาพถูกบันทึกลงบนเดสก์ท็อป 2) ตรวจสอบให้แน่ใจว่าสเกลเป็น 100% (Window-> Scale ในโปรแกรมจำลอง)
HoffZ

1
นี่เป็นคำตอบที่ดีและฉันหวังว่าจะลองใช้ภายหลังจาก Mac ของฉันเพราะจนถึงตอนนี้ฉันพยายามอัปโหลดขนาดรูปภาพที่หลากหลายที่ตรงกับเอกสารที่: developer.apple.com/library/content/documentation/ทุกอย่างของฉัน รูปภาพล้มเหลวแม้ว่าจะตรงกับข้อกำหนดที่ระบุว่าเป็นขนาดที่ผิด สับสนจริงๆ ขอบคุณสำหรับคำแนะนำวิธีการเดินทาง
raddevus

3
ฉันไม่คิดว่าจำเป็นต้องใช้เครื่องชั่งตั้งค่าเป็น 100% เครื่องจำลองขนาด 12 นิ้วของ iPad Pro จะไม่เข้าใกล้กับจอแสดงผล MacBook ของฉันที่ 100% แต่ภาพหน้าจอยังคงบันทึกอย่างเต็มความละเอียด
ลุค Bartolomeo

1
นี่คือคำตอบที่ดีที่สุดที่ทำให้แตกต่างจากคนอื่นมันไม่มีเวลา !!
3069232

1
ยืนยันมาตราส่วน 100% ไม่จำเป็น ภาพหน้าจออยู่ในความละเอียดเต็มเสมอ
Velda

18

ใน Xcode 9 นอกเหนือจากการตั้งค่ามาตราส่วนหน้าต่างเป็น 100% (⌘1) ตอนนี้คุณจำเป็นต้องยกเลิกการเลือกOptimize Rendering for Window Scaleในเมนูดีบักเพื่อให้ได้ภาพหน้าจอที่มีความละเอียดที่เหมาะสม

วิธีถ่ายภาพหน้าจอขนาดที่เหมาะสมสำหรับใช้ใน app store:

1. ) เรียกใช้แอปในเครื่องจำลอง
2. ) ตั้งค่ามาตราส่วน (⌘1)
3. ) ยกเลิกการเลือกOptimize Rendering for Window Scaleในเมนู debug
4. ) ถ่ายภาพหน้าจอด้วย⌘S

ป้อนคำอธิบายรูปภาพที่นี่


ขอบคุณมาก ๆ! :)
Jorge Luis Peña Lopez

7

(โพสต์คำตอบของฉันไขว้จากที่นี่: https://stackoverflow.com/a/25775147/798533 )

สำหรับใครก็ตามที่กำลังมองหาความละเอียดของภาพที่จะอัปโหลด (ถ้าคุณต้องการสร้างภาพหน้าจอของ photoshop แฟนซี) พวกเขาคือ:

  • iPhone 6: 750 × 1334
  • iPhone 6 Plus: 1242 × 2208

คู่มืออ้างอิงที่ดีที่นี่: http://www.paintcodeapp.com/news/iphone-6-screens-demystified (พูดถึงความละเอียดและการสุ่มตัวอย่างของ iPhone 6+)


6

ตอนนี้ Apple Inc. เพิ่มภาพหน้าจออุปกรณ์ใหม่ผ่านทาง iTunesconnect นั่นคือ iPad Pro นี่คือภาพหน้าจอทุกขนาดที่ iTunesconnects ต้องการ

  • iPhone 6 Plus (5.5 นิ้ว) - 2208x1242
  • iPhone 6 (4.7 นิ้ว) - 1334x750
  • iPhone 5 / 5s (4 นิ้ว) - 1136x640
  • iPhone 4s (3.5 นิ้ว) - 960x640
  • iPad - 1024x768
  • iPadPro - 2732x2048

4

นอกจากนี้ - โปรดทราบว่าคุณอาจตั้งค่าความโปร่งใสแม้ว่าคุณจะไม่ได้มีความโปร่งใสในภาพของคุณ หากคุณใช้ photoshop ให้ 'save for web' และยกเลิกการเลือก 'โปร่งใส' หรือเพียงแค่แปลงภาพของคุณเป็น. jpg iTunes Connect ดูเหมือนจะปฏิเสธแผ่นใสเช่นกัน


4

อัปเดตเมื่อวันที่ 6-14-2017 จากแหล่งต่อไปนี้:
http://help.apple.com/itunes-connect/developer/#/devd274dd925

ข้อกำหนดหน้าจอ

  • จอแสดงผล Retina 5.5 นิ้ว
    1242 x 2208 พิกเซลสำหรับแนวตั้ง
    2208 x 1242 พิกเซลสำหรับแนวนอน

  • จอแสดงผล Retina 4.7 นิ้ว
    750 x 1334 พิกเซลสำหรับแนวตั้ง
    1334 x 750 พิกเซลสำหรับแนวนอน

  • จอแสดงผล Retina
    ขนาด4 นิ้ว640 x 1096 พิกเซลสำหรับแนวตั้ง (ไม่มีแถบสถานะ)
    640 x 1136 พิกเซลสำหรับแนวตั้ง (เต็มหน้าจอ)
    1136 x 600 พิกเซลสำหรับแนวนอน (ไม่มีแถบสถานะ)
    1136 x 640 พิกเซลสำหรับแนวนอน (เต็มหน้าจอ)

  • จอแสดงผล Retina ขนาด 3.5 นิ้ว
    640 x 920 พิกเซลสำหรับแนวตั้ง (ไม่มีแถบสถานะ)
    640 x 960 พิกเซลสำหรับแนวตั้ง (เต็มหน้าจอ)
    960 x 600 พิกเซลสำหรับแนวนอน (ไม่มีแถบสถานะ)
    960 x 640 พิกเซลสำหรับแนวนอน (เต็มหน้าจอ)

  • จอแสดงผล Retina
    ขนาด12.9 นิ้ว2048 x 2732 พิกเซลสำหรับแนวตั้ง
    2732 x 2048 พิกเซลสำหรับแนวนอน

  • จอแสดงผล Retina ขนาด 9.7 นิ้ว
    ความละเอียดสูง:
    2048 x 1496 พิกเซลสำหรับแนวนอน (ไม่มีแถบสถานะ)
    2048 x 1536 พิกเซลสำหรับแนวนอน (เต็มหน้าจอ)
    1536 x 2008 พิกเซลสำหรับแนวตั้ง (ไม่มีแถบสถานะ)
    1536 x 2048 พิกเซลสำหรับแนวตั้ง (เต็มหน้าจอ)
    ความละเอียดมาตรฐาน:
    1024 x 748 พิกเซลสำหรับแนวนอน (ไม่มีแถบสถานะ)
    1024 x 768 พิกเซลสำหรับแนวนอน (เต็มหน้าจอ)
    768 x 1004 พิกเซลสำหรับแนวตั้ง (ไม่มีแถบสถานะ)
    768 x 1024 พิกเซลสำหรับแนวตั้ง (เต็มหน้าจอ)

  • macOS
    อย่างใดอย่างหนึ่งต่อไปนี้โดยมีอัตราส่วนกว้างยาว 16:10
    1280 x 800 พิกเซล
    1440 x 900 พิกเซล
    2560 x 1600 พิกเซล
    2880 x 1800 พิกเซล

  • tvOS
    1920 x 1080 พิกเซล

  • watchOS
    312 x 390 พิกเซล


1

สำหรับอุปกรณ์ iPhone: ตอนนี้เราต้องการเพียง iPhone เดียวขนาด 6 Plus (5.5 นิ้ว) • 1242 x 2208 จากนั้นเราก็มีช่องทำเครื่องหมายที่นั่นในขนาดอื่น ๆ ทั้งหมด: ใช้หน้าจอ 5.5 นิ้ว


คำตอบที่ดี ขอบคุณคุณ Aanchal
MRizwan33

1
 1)iPhone X screenshot support in iTunes Connect.October 27, 2017.

 2)You can now upload screenshots for iPhone X. 
  Youll see a new tab for 5.8-inch displays under Screenshots and App Previews on your iOS app  version information page.

 3)Note that iPhone X screenshots are optional and cannot be used for smaller devices sizes. 
  5.5-inchdisplay screenshots are still required for all apps that run on iPhone.

 4)iPhone X Screenshot Resolutions
  1125 by 2436 (Portrait)
  2436 by 1125 (Landscape)

1

ผ่านเครื่องจำลองสำหรับอุปกรณ์ที่เกี่ยวข้องเราสามารถมีภาพหน้าจอพร้อมคำสั่ง cmd + S ได้อย่างสะดวก และนั่นทำให้เราได้ความละเอียดที่แน่นอนสำหรับอุปกรณ์ที่เราจำลอง ทีมตรวจสอบจะกล่าวถึงสิ่งนี้ แต่ไม่เคยทำ :)



0
  1. เรียกใช้แอปของคุณบนเครื่องจำลองและบันทึกภาพหน้าจอ

  2. เปลี่ยนชื่อภาพหน้าจอเหล่านั้นเป็น 4.7.1 (iPhone 6), 5.5.1 (iPhone 6 plus) และอื่น ๆ


1
แอปพลิเคชัน Unity ทำงานได้ไม่ดีนักในโปรแกรมจำลอง
Almo

0

สำหรับ xcode 11.1 ซึ่งไม่มี ipad pro iPad Pro (รุ่นที่ 2) 12.9 "แสดงการเรียกใช้คำสั่งนี้ในเทอร์มินัล

xcrun simctl สร้าง "iPad Pro (12.9 นิ้ว) (รุ่นที่ 2)" "com.apple.CoreSimulator.SimDeviceType.iPad-Pro - 12-9 นิ้ว --- รุ่นที่สอง" com.apple.CoreSimulator SimRuntime.iOS-13-1"

ดูนี่


0

ฉันได้ทำบุ๊กมาร์กหน้านี้แล้วอ้างอิงกลับมาบ่อยครั้ง แต่ไม่มีใครพูดถึงขนาดสำหรับ iPad 11 นิ้วรุ่นใหม่ มันคือ 1668x2388

นี่คือสคริปต์ทุบตีที่จะปรับขนาดสกรีนช็อตทั่วไปเป็นขนาดที่เหมาะสม ฉันไม่สามารถเรียกใช้โปรแกรมจำลองการทำงานของ iPhone 4 ใน xcode ล่าสุดในปี 2020 ดังนั้นนี่จึงเป็นสิ่งจำเป็นสำหรับฉัน

#!/usr/bin/env bash

HERE="$( cd "$( dirname "${BASH_SOURCE[0]}" )" >/dev/null 2>&1 && pwd )"

declare -A sizes
sizes["6-5-inch-iphone-xs-max"]="1242x2688"
sizes["5-8-inch-iphone-x"]="1125x2436"
sizes["5-5-inch-iphone-6"]="1242x2208"
sizes["4-7-inch-iphone-6"]="750x1334"
sizes["4-inch-iphone-6"]="640x1096"
sizes["3-5-inch-iphone-4s"]="640x920"
sizes["12-9-inch-ipad-pro-@3"]="2048x2732"
sizes["12-9-inch-ipad-pro-@2"]="2048x2732"
sizes["11-inch-ipad-pro"]="1668x2388"
sizes["10-5-inch-ipad-pro"]="1668x2224"
sizes["9-7-inch-ipad"]="1536x2008"

for i in "${!sizes[@]}"; do
    if [[ "$i" == *"ipad"* ]]; then
        [ -d "$HERE/ipad" ] || continue
        mkdir -p "$HERE/$i"
        cd "$HERE/ipad"
        for file in *.jpg; do
            [ -e "$file" ] || continue
            convert "$file" -resize "${sizes[$i]}"\! "$HERE/$i/$file"
            echo "scaled $file"
        done
    else
        [ -d "$HERE/iphone" ] || continue
        mkdir -p "$HERE/$i"
        cd "$HERE/iphone"
        for file in *.jpg; do
            [ -e "$file" ] || continue
            convert "$file" -resize "${sizes[$i]}"\! "$HERE/$i/$file"
            echo "scaled $file"
        done
    fi
done

หากต้องการใช้ให้วางไว้ในไดเรกทอรีใหม่และสร้าง/iphoneและ/ipadไดเรกทอรีถัดจาก ใส่ภาพหน้าจอ ipad และ iphone ทั่วไปของคุณในโฟลเดอร์เหล่านั้น เรียกใช้สคริปต์มันจะสร้างโฟลเดอร์ที่มีชื่อสำหรับทุกขนาด

ios_screenshots/
├── run.sh
├── iphone/
   ├── screenshot_1.jpg
   ├── screenshot_2.jpg
   ├── screenshot_3.jpg
├── ipad/
   ├── screenshot_1.jpg
   ├── screenshot_2.jpg
   ├── screenshot_3.jpg


-3

รายละเอียดเหล่านี้ให้โดยบันทึก ...

สำหรับ iPhone 6 Plus

Screen bounds: {{0, 0}, {414, 736}}, Screen resolution: <UIScreen: 0x7f97fad330b0; bounds = {{0, 0}, {414, 736}}; 
mode = <UIScreenMode: 0x7f97fae1ce00; size = 1242.000000 x 2208.000000>>, scale: 3.000000, nativeScale: 3.000000

สำหรับ iPhone 6

Screen bounds: {{0, 0}, {375, 667}}, Screen resolution: <UIScreen: 0x7fa01b5182d0; bounds = {{0, 0}, {375, 667}}; 
mode = <UIScreenMode: 0x7fa01b711760; size = 750.000000 x 1334.000000>>, scale: 2.000000, nativeScale: 2.000000
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.