ขนาดที่ใช้สำหรับหน้าจอเริ่มต้นของแอปพลิเคชัน iOS มีขนาดเท่าใด

98

ฉันกำลังพัฒนาแอปพลิเคชันโดยใช้ iOS SDK ฉันต้องการทราบDefaultขนาดหน้าจอเริ่มต้นที่ฉันต้องการ

iphone  ios  ipad  splash-screen  ipod-touch 
— a111
แหล่งที่มา
2
กันไว้: อย่าลืมว่า iOS ไม่สนับสนุนการใช้ Splash Screen ใช้ Launch Image แทน เทคนิคเหล่านี้เหมือนกัน แต่แตกต่างกันในเชิงแนวคิด โดยทั่วไปแล้ว Splash Screen จะใช้เป็นภาพแสดงแบรนด์ในขณะที่ Launch Screen เป็นภาพ UI ที่แสดงผลล่วงหน้าซึ่งทำให้ผู้ใช้รู้สึกว่าแอปโหลดเร็วขึ้น ตรวจสอบiOS Human Interface Gudelines ในข้อกังวลนี้
— Hugo A

คำตอบ:

179

อัปเดตปี 2018 - โปรดอย่าใช้ข้อมูลนี้!

ฉันออกจากโพสต์ด้านล่างนี้เพื่อวัตถุประสงค์ในการอ้างอิง

โปรดอ่านเอกสารคู่มือ Human Interface Guidelinesของ Apple - หน้าจอการเปิดตัวสำหรับรายละเอียดเกี่ยวกับหน้าจอเปิดตัวและคำแนะนำ

ขอบคุณ
Drekka

กรกฎาคม 2012 - เนื่องจากคำตอบนี้ค่อนข้างเก่า แต่ดูเหมือนว่าจะเป็นที่นิยม ผมเคยเขียนบล็อกโพสต์อยู่บนพื้นฐานของ doco แอปเปิ้ลและวางมันลงบนบล็อกของฉัน ฉันหวังว่าพวกคุณจะพบว่ามีประโยชน์

ใช่. ในการพัฒนา iPhone / iPad อุปกรณ์Default.pngจะแสดงไฟล์โดยอัตโนมัติดังนั้นคุณจึงไม่ต้องตั้งโปรแกรมซึ่งมีประโยชน์จริงๆ ฉันไม่มีมันกับฉัน แต่คุณต้องการ PNG อื่นสำหรับ iPad ที่มีชื่อเฉพาะ ฉัน googled iPad default pngและได้รับข้อมูลนี้จากเว็บไซต์phunkwerks :

iPad เปิดตัวการวางแนวภาพ

เพื่อจัดการกับตัวเลือกการวางแนวต่างๆได้มีการสร้างรูปแบบการตั้งชื่อใหม่สำหรับรูปภาพเปิดตัว iPad ขนาดหน้าจอของ iPad คือ 768 × 1024 สังเกตในขนาดที่ตามความสูงจะพิจารณาแถบสถานะ 20 พิกเซล

ขนาดชื่อไฟล์

  • Default-Portrait.png * - 768w x 1024h
  • Default-PortraitUpsideDown.png - 768w x 1024h
  • Default-Landscape.png ** - 1024w x 748h
  • Default-LandscapeLeft.png - 1024w x 748h
  • Default-LandscapeRight.png - 1024w x 748h
  • iPad-Retina–Portrait.png - 1536 ก x 2048 ชม
  • iPad-Retina–Landscape.png - 2048w x 1496h
  • Default.png - ไม่แนะนำ

*— หากคุณไม่ได้ระบุDefault-PortraitUpsideDown.pngไฟล์ไฟล์นี้จะมีความสำคัญกว่า

** - หากคุณไม่ได้ระบุไฟล์Default-LandscapeLeft.pngหรือDefault-LandscapeRight.pngไฟล์รูปภาพไฟล์นี้จะมีความสำคัญ

ลิงก์นี้ไปยัง "ห้องสมุดนักพัฒนาของ Apple"ก็มีประโยชน์เช่นกัน

— Drekka
แหล่งที่มา
16
โปรดทราบว่า Default.png คือสิ่งที่ใช้สำหรับ iPhone เมื่อเรียกใช้แอปพลิเคชันสากลบนอุปกรณ์นั้นดังนั้นจึงต้องเป็นภาพมาตรฐาน 320 x 480 หรือ 320 x 460 "ไม่แนะนำ" ใช้สำหรับแอปพลิเคชัน iPad เท่านั้น
— Brad Larson
2
ขอบคุณ! ตอนนี้ฉันใช้ Default-Portrait.png กับ 768w x 1024h ขนาดนี้ดูเหมือนจะใช้ได้เช่นกัน
— powtac
1
โดยค่าเริ่มต้นแอปของฉันจะทำงานในโหมดแนวนอน แต่ฉันจะระบุภาพเริ่มต้นแนวนอนสำหรับ iPhone ได้อย่างไร
— Satyam
2
โปรดทราบว่าหากคุณใช้เวอร์ชันที่แปลเป็นภาษาท้องถิ่นคุณต้องลบไฟล์เหล่านี้ออกจากโฟลเดอร์รูทของคุณและใส่ลงในไดเร็กทอรี <language> .lproj ของคุณ
— Jose Muanis
3
ลิงก์ไปยังบล็อกในโพสต์ใช้ไม่ได้อีกต่อไป ลิงก์ด้านบนไปยังเว็บนักพัฒนาของ Apple ใช้ไม่ได้อีกต่อไป
— กายภาพบำบัด
31

ณ เดือนกรกฎาคม 2013 (iOS 6) นี่คือสิ่งที่เราใช้เสมอ:

IPHONE SPLASH 
Default.png - 320 x 480
Default@2x.png - 640 x 960 
Default-568h@2x.png - 640 x 1096 (with status bar)
Default-568h@2x.png - 640 x 1136 (without status bar)

IPAD SPLASH 
iPadImage-Appname-Portrait.png * 768w x 1004h (with status bar)
iPadImage-Appname-Portrait@2x.png * 1536w x 2008h (with status bar)
iPadImage-Appname-Landscape.png ** 1024w x 748h (with status bar)
iPadImage-Appname-Landscape@2x.png ** 2048w x 1496h (with status bar)

iPadImage-Appname-Portrait.png * 768w x 1024h (without status bar)
iPadImage-Appname-Portrait@2x.png * 1536w x 2048h (without status bar)
iPadImage-Appname-Landscape.png ** 1024w x 768h (without status bar)
iPadImage-Appname-Landscape@2x.png ** 2048w x 1536h (without status bar)

ICON
Appname-29.png
Appname-29@2x.png
Appname-50.png
Appname-50@2x.png
Appname-57.png
Appname-57@2x.png
Appname-72.png
Appname-72@2x.png
iTunesArtwork (512px x 512px)
iTunesArtwork@2x (1024px x 1024px)
— แอนดรูว์จอห์นสัน
แหล่งที่มา
4
ค่า Default-568h@2x.png ไม่ควรเป็น 640 x 1136?
— UXUiOS
16

สำหรับ iOS7 ให้สร้างอิมเมจการเปิดตัวในขนาดต่อไปนี้:

สำหรับ iPhone 5 และ iPod touch (รุ่นที่ 5):

  • 640 x 1136 พิกเซล

สำหรับอุปกรณ์ iPhone และ iPod touch อื่น ๆ :

  • 640 x 960 พิกเซล
  • 320 x 480 พิกเซล (ความละเอียดมาตรฐาน)

สำหรับภาพบุคคล iPad:

  • 1536 x 2048 พิกเซล
  • 768 x 1024 พิกเซล (ความละเอียดมาตรฐาน)

สำหรับแนวนอนของ iPad:

  • 2048 x 1536 พิกเซล
  • 1024 x 768 พิกเซล (ความละเอียดมาตรฐาน)

ดูแหล่งข้อมูลการออกแบบ iOS 7> แนวทางอินเทอร์เฟซสำหรับมนุษย์ของ iOS> เปิดตัวรูปภาพ

อัปเดต 1

สำหรับ iPhone 6:

  • 750 x 1334 (@ 2x) สำหรับแนวตั้ง
  • 1334 x 750 (@ 2x) สำหรับแนวนอน

สำหรับ iPhone 6 Plus:

  • 1242 x 2208 (@ 3x) สำหรับแนวตั้ง
  • 2208 x 1242 (@ 3x) สำหรับแนวนอน

อัปเดต 2

สำหรับ iPhone X:

  • 1125 x 2436 (@ 3x) สำหรับแนวตั้ง
  • 2436 x 1125 (@ 3x) สำหรับแนวนอน
— ฉันไป
แหล่งที่มา
พี่ช่วยเช็คคำถามของฉันได้ไหมstackoverflow.com/questions/43955856/…
— พฤษภาคม Phyu
1
ฉันหวังว่าจะมีตารางที่ดีที่นี่พร้อมชื่อไฟล์และความละเอียดของภาพสำหรับแต่ละรายการโอ้อย่าลืม iOS 5,6,7 ไป เราอยู่ในปี 2017
— computingfreak
8

คุณสามารถสร้างเป็น 1024 x 768 ได้นอกจากนี้คุณยังสามารถตรวจสอบ "แถบสถานะถูกซ่อนในตอนแรก" ในไฟล์ plist

— RanLearns
แหล่งที่มา
6

อัปเดต 2020 - Xcode 11

ในXcode 11นั้นคุณสามารถให้ภาพเดียวที่มีขนาด 1x, 2x และ 3x จากนั้นตั้งค่าLaunchScreen.storyboardให้เต็มหน้าจอและทุกอย่างก็เป็นไปด้วยดี!

ตัวอย่างเช่น: (1242pt x 2688pt @ 1x)

นี่คือขนาดหน้าจอแนวตั้งiPhone 11 Pro Maxซึ่งเป็นขนาดหน้าจอ iPhone ที่ใหญ่ แต่จะให้หน้าจอสแปลชคุณภาพสูงบนอุปกรณ์ iOS ทั้งหมด

อัปเดต 2019 - iOS 12

ฉันได้รวบรวมทุกขนาดที่จำเป็นสำหรับหน้าจอเริ่มต้น สิ่งที่คุณต้องการเพียงแค่ลากภาพที่มีขนาดเหล่านี้แล้ววาง Xcode จะวางแต่ละขนาดในสถานที่ที่เหมาะสม

โชคดี.

ขนาด:

320 × 480

640 × 960

640 × 1136

750 × 1334

768 × 1004

768 × 1024

828 × 1792

1024 × 748

1024 × 768

1125 × 2436

1242 × 2208

1242 × 2688

1536 × 2008

1536 × 2048

1792 × 828

2048 × 1496

2048 × 1536

2208 × 1242

2436 × 1125

2688 × 1242

บันทึก

จำนวนภาพที่ต้องการคือ 26 ภาพ แต่มีขนาดที่ซ้ำกัน 6 ขนาดดังนั้นคุณจะพบว่าขนาดด้านบนมีเพียง 20 เท่านั้น

— Essam Mohamed Fahmi
แหล่งที่มา
ดังนั้นฉันต้องการ 20 ภาพที่แตกต่างกันสำหรับหน้าจอสแปลช? อย่างจริงจัง?
— Tejas K
ใช่. มันไม่ยาก! นักออกแบบของคุณควรทำง่ายๆ
— Essam Mohamed Fahmi
คุณสามารถใช้โปรแกรมสร้างหน้าจอสแปลชออนไลน์ใด ๆ ก็ได้ .. ดังนั้นโดยการให้ภาพเดียว .. มันจะสร้างสแปลชที่ต้องการทุกขนาด
— kumar
DPI ควรมีขนาดเท่าไหร่ในขณะที่ออกแบบใน Photoshop 72 หรือ 300 หรืออื่น ๆ ?
— Sadhu Harivandandas
3

ฉันสามารถเพิ่มความละเอียดและข้อมูลจำเพาะของจอแสดงผลสำหรับขนาด iphone 6 และ 6+ ได้ที่นี่:

iPhone 6+ - ความละเอียดเนื้อหา (@ 3x) - ความละเอียด (2208 x 1242) พิกเซล

iPhone 6 - ความละเอียดเนื้อหา (@ 2x) - ความละเอียด (1334 x 750) พิกเซล

iPad Air / Retina iPad (รุ่นที่ 1 และ 2/3 และ 4) - ความละเอียดเนื้อหา (@ 2x) - ความละเอียด (2048 x 1536) พิกเซล

iPad Mini (รุ่นที่ 2 และ 3) - ความละเอียดเนื้อหา (@ 2x) - ความละเอียด (2048 x 1536) พิกเซล

iPhone (6, 5S, 5, 5C, 4S, 4) - ไอคอนแอป (120x120 px) - ไอคอน AppStore (1024x1024 px) - Spotlight (80x80 px) - การตั้งค่า (58x58 px)

iPhone (6+) - ไอคอนแอป (180x180 px) - ไอคอน AppStore (1024x1024 px) - สปอตไลท์ (120x120 px) - การตั้งค่า (87x87 px)

— อิมติ
แหล่งที่มา
iPhone 6+ ความละเอียดคือ 1242x 2208 [( developer.apple.com/library/ios/documentation/UserExperience/…
— Sumeet Mourya
สำหรับ iPhone 6: 750 x 1334 (@ 2x) สำหรับแนวตั้ง 1334 x 750 (@ 2x) สำหรับแนวนอนสำหรับ iPhone 6 Plus: 1242 x 2208 (@ 3x) สำหรับแนวตั้ง 2208 x 1242 (@ 3x) สำหรับแนวนอน
— imti
@imti คุณช่วยตรวจสอบคำถามของฉันได้ไหมstackoverflow.com/questions/43955856/… ครับ
— พฤษภาคม Phyu
@MayPhyu ขอโทษพี่ฉันขาดการติดต่อด้วยเหตุผลกะทันหัน ฉันหวังว่าปัญหาของคุณจะได้รับการแก้ไขแล้ว หากยังไม่ชัดเจนโปรดแจ้งให้เราทราบ
— imti
ครับ @imti ไม่เป็นไรครับ ได้รับการแก้ไขแล้ว แต่ฉันมีปัญหาใด ๆ คุณช่วยตรวจสอบลิงค์stackoverflow.com/questions/44304498/…ได้ ไหม
— พฤษภาคม Phyu
3

สำหรับ Xcode 9 และอุปกรณ์รุ่นล่าสุด

แนวตั้ง

iPhone 4 / 4S 640 x 960

iPhone 5 / 5C / 5S iPod touch รุ่นที่ 5 640 x 1136

iPhone 6/7/8 7 50 x 1334

iPhone 6/7/8 Plus 1242 x 2208

iPhone X 1125 x 2436

iPad non-retina 768 x 1024

เรตินาของ iPad 1536 x 2048

ภูมิทัศน์

iPhone 6, 7 และ 8 บวก2208 x 1242

iPhone X 2436 x 1125

iPad non-retina 1024 x 768

เรตินาของ iPad 2048 x 1536

— Ghulam Rasool
แหล่งที่มา
2

ด้วย iOS 7+ ภาพเปิดตัวแบบคงที่จะเลิกใช้งานแล้ว

คุณควรสร้างมุมมองแบบกำหนดเองที่ประกอบเป็นส่วน ๆ ของภาพซึ่งจะมีขนาดสำหรับทุกหน้าจอเหมือนกับมุมมอง UIViewController ทั่วไป

https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/LaunchImages.html

— แอนดรูว์จอห์นสัน
แหล่งที่มา
1

ด้วยแอปสากลฉันมีหน้าจอสแปลชของ iPad ปรากฏขึ้นในโปรแกรมจำลอง แต่ไม่ปรากฏบนอุปกรณ์ iPad จะแสดง Default.png สำหรับ iPhone แทน ไฟล์ Default-Landscape.png และ Default-Portrait.png ที่มีอยู่ดังนั้น wth? ความละเอียดควรถูกต้องตั้งแต่ฉันสร้างการจับภาพหน้าจอโดยใช้ Window | ออแกไนเซอร์ | สกรีนช็อตและใช้ 'บันทึกเป็นภาพเริ่มต้น' สำหรับ iPad จากนั้นเปลี่ยนชื่อ

ปรากฎว่า (จากแอพเดียวของฉัน) ภาพหน้าจอ iPad สองภาพต้องถูกย้ายไปที่ไดเรกทอรีทรัพยากร-iPad จากนั้นทุกอย่างก็ใช้ได้ดี ตอนนี้ดูเหมือนจะชัดเจน แต่ในกรณีที่มีคนอื่นนอนไม่หลับ ... - ลาก่อน

— LDanberger
แหล่งที่มา
1

สำหรับนักพัฒนา Adobe AIR iOS โปรดทราบว่าหาก iPad Splash รูปภาพของคุณ "เลื่อน" หรือแสดงและปรับขนาดในวินาทีต่อมานั่นเป็นเพราะมีขนาดที่แตกต่างกันขึ้นอยู่กับเวอร์ชันของ AIR ที่คุณใช้

Default-Portrait.png:
768 x 1004 (AIR 3.3 และรุ่นก่อนหน้า)
768 x 1024 (AIR 3.4 และสูงกว่า)

Default-Portrait@2x.png:
1536 x 2008 (AIR 3.3 และรุ่นก่อนหน้า)
1536 x 2048 (AIR 3.4 ขึ้นไป)

อ้างอิง:
http://help.adobe.com/en_US/air/build/WS901d38e593cd1bac1e63e3d129907d2886-8000.html#WS901d38e593cd1bac58d08f9112e26606ea8-8000

— Matt Cardoza
แหล่งที่มา
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.