Які розміри використовуються для екрана заставки iOS програми?


96

Я розробляю додаток, використовуючи iOS SDK. Мені потрібно знати, які Defaultрозміри екрана мені потрібні.


2
Лише вбік: пам’ятайте, що відбиття iOS використовує екрани Splash. Замість цього використовуйте Launch Image. Вони технічно однакові, але концептуально різні. Заставний екран зазвичай використовується як фірмове зображення, тоді як Екран запуску - це попередньо відтворене зображення вашого інтерфейсу, яке створює у користувача враження, що програма швидше завантажується. Перевірте iOS Human Interface Gudelines з цього приводу
Гюго,

Відповіді:


179

Оновлення 2018 року - не використовуйте цю інформацію!

Нижче я залишаю посаду для довідкових цілей.

Будь ласка, ознайомтесь з документацією від Apple Інструкції щодо людського інтерфейсу - Екрани запуску, щоб отримати докладні відомості про екрани запуску та рекомендації.

Дякую
Дреку


Липень 2012 р. - оскільки ця відповідь досить стара, але нерухомість здається популярною. Я написав допис у блозі на основі doco від Apple і розмістив її у своєму блозі . Я сподіваюся, хлопці, вам це стане в нагоді.

Так. У розробці iPhone / iPad Default.pngфайл відображається пристроєм автоматично, тому вам не потрібно програмувати його, що дійсно корисно. У мене цього немає, але вам потрібні різні PNG-адреси для iPad із конкретними назвами. Я гуглив 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 - 1536w x 2048h
  • iPad-Retina–Landscape.png - 2048w x 1496h
  • Default.png - Не рекомендовано

* - Якщо ви не вказали Default-PortraitUpsideDown.pngфайл, цей файл матиме перевагу.

** - Якщо ви не вказали файл a Default-LandscapeLeft.pngабо Default-LandscapeRight.pngimage, цей файл матиме перевагу.

Це посилання на "Бібліотеку розробників Apple" теж корисно.


16
Зауважте, що Default.png - це те, що використовується для iPhone при запуску універсальної програми на цьому пристрої, тому це повинно бути вашим стандартним зображенням 320 x 480 або 320 x 460. "Не рекомендується" застосовується лише для iPad-додатків.
Бред Ларсон

2
Дякую! Зараз я використовую Default-Portrait.png із 768w x 1024h, цей розмір, здається, теж працює.
powtac

1
Моя програма за замовчуванням працює в ландшафтному режимі. Але як я можу вказати пейзажне зображення за замовчуванням для iPhone?
Сатьям

2
Варто зазначити, що якщо ви використовуєте локалізовані версії, вам потрібно видалити ці файли з вашої кореневої папки та помістити їх у свій каталог <language> .lproj.
Хосе Муаніс

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
Чи не повинно значення за замовчуванням-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/… ?
May Phyu

1
Я хотів би, щоб тут була хороша таблиця з назвою файлу та роздільною здатністю зображення для кожного запису, ну і забудьте iOS 5,6,7. ми в 2017 році.
computingfreak

8

Ви можете зробити їх 1024 x 768. Ви також можете перевірити "Рядок стану спочатку прихований" у файлі plist.


5

Оновлення 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.


Тож мені потрібно 20 різних зображень лише для екрана заставки? Серйозно?
Теяс К

Так. Це не так важко! Ваш дизайнер повинен зробити це легко.
Ессам Мохамед Фахмі,

Ви можете використовувати будь-який онлайн-генератор заставки. Таким чином, надавши одне зображення .. він згенерує всі необхідні заставки всіх розмірів
kumar

3

Тут я можу додати роздільну здатність та технічні характеристики дисплея для розмірів iphone 6 і 6+:

iPhone 6+ - роздільна здатність активів (@ 3x) - роздільна здатність (2208 x 1242) px

iPhone 6 - роздільна здатність активів (@ 2x) - роздільна здатність (1334 x 750) px

iPad Air / Retina iPad (1-е і 2-е покоління / 3-е і 4-е) - Роздільна здатність активів (@ 2x) - Роздільна здатність (2048 x 1536) px

iPad Mini (2-е і 3-е покоління) - роздільна здатність активів (@ 2x) - роздільна здатність (2048 x 1536) px

iPhone (6, 5S, 5, 5C, 4S, 4) - Піктограма програми (120x120 px) - Піктограма AppStore (1024x1024 px) - Прожектор (80x80 px) - Налаштування (58x58 px)

iPhone (6+) - Піктограма програми (180x180 px) - Піктограма AppStore (1024x1024 px) - Spotlight (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/… брате?
May Phyu

@MayPhyu Вибач, брате, я не зв’язався з раптової причини. Сподіваюся, вашу проблему було розібрано. Якщо це все ще незрозуміло, дайте мені знати.
imti

брат @imti, це нормально, брате. Це було виправлено. Але у мене є якісь проблеми. Не могли б ви допомогти мені перевірити це посилання stackoverflow.com/questions/44304498/… ?
Травня Пхю,

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 без сітківки 768 x 1024

iPad сітківка ока 1536 x 2048

Пейзаж

iPhone 6, 7 і 8 плюс 2208 x 1242

iPhone X 2436 x 1125

iPad не сітківка 1024 x 768

iPad сітківка 2048 x 1536


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, так що? Роздільна здатність повинна бути правильною, оскільки я створював знімки екрана за допомогою Window | Організатор | Знімки екрана та використовували "Зберегти як зображення за замовчуванням" для iPad, а потім просто перейменували його.

Виявляється (з мого однієї програми в будь-якому випадку) два знімки екрана iPad потрібно перемістити до каталогу Resources-iPad. Тоді все добре працює. Зараз це здається очевидним, але на випадок, якщо хтось ще втратив сон через це ... -Ларрі


1

Для розробників Adobe AIR iOS зверніть увагу, що якщо зображення вашого iPad Splash «зміщуються» або відображаються та масштабуються на секунду пізніше, це пов’язано з різними розмірами в залежності від того, яку версію AIR ви використовуєте.

Default-Portrait.png:
768 x 1004 (AIR 3.3
і новіші) 768 x 1024 (AIR 3.4 і новіші)

За замовчуванням - 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

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.