Какие размеры используются для заставки приложения iOS?


97

Я разрабатываю приложение с помощью iOS SDK. Мне нужно знать, какие Defaultразмеры заставки мне нужны.


2
Только в сторону: помните, что iOS не рекомендует использовать заставки. Вместо этого используйте изображение запуска. Технически они одинаковы, но концептуально разные. Экран-заставка обычно используется в качестве фирменного изображения, а экран запуска - это предварительно визуализированное изображение вашего пользовательского интерфейса, которое создает у пользователя впечатление, что приложение загружается быстрее. Проверьте iOS Human Interface Gudelines по этому поводу
Hugo A

Ответы:


179

Обновление 2018 - Пожалуйста, не используйте эту информацию!

Я оставляю сообщение ниже для справки.

Пожалуйста, прочтите документацию Apple Руководство по человеческому интерфейсу - Экраны запуска для получения подробной информации об экранах запуска и рекомендациях.

Спасибо
Дрекка


Июль 2012 г. - этот ответ довольно старый, но все еще кажется популярным. Я написал сообщение в блоге на основе документа Apple и разместил его в своем блоге . Надеюсь, вы сочтете это полезным.

Да. При разработке для iPhone / iPad Default.pngфайл отображается устройством автоматически, поэтому вам не нужно его программировать, что действительно полезно. У меня его нет с собой, но вам нужны разные PNG для iPad с определенными именами. Я погуглил iPad default pngи получил эту информацию с сайта phunkwerks :


Ориентация изображения при запуске iPad

Чтобы иметь дело с различными вариантами ориентации, для изображений запуска iPad было создано новое соглашение об именах. Размер экрана iPad составляет 768 × 1024 пикселей, обратите внимание на размеры, которые следуют за высотой, с учетом строки состояния в 20 пикселей.

Размеры имени файла

  • Default-Portrait.png * - 768 x 1024 ч
  • Default-PortraitUpsideDown.png - 768 x 1024 ч
  • Default-Landscape.png ** - 1024 x 748 ч
  • Default-LandscapeLeft.png - 1024 х 748 ч
  • Default-LandscapeRight.png - 1024 х 748 ч
  • iPad-Retina–Portrait.png - 1536 Вт x 2048 Вт
  • iPad-Retina–Landscape.png - 2048 x 1496 пикселей
  • Default.png - Не рекомендуется

* - если вы не указали Default-PortraitUpsideDown.pngфайл, он будет иметь приоритет.

** - Если вы не указали файл изображения Default-LandscapeLeft.pngили Default-LandscapeRight.png, этот файл будет иметь приоритет.

Эта ссылка на «Библиотеку разработчика Apple» тоже полезна.


16
Обратите внимание, что файл Default.png используется для iPhone при запуске универсального приложения на этом устройстве, поэтому это должно быть ваше стандартное изображение размером 320 x 480 или 320 x 460 пикселей. «Не рекомендуется» относится только к приложениям для iPad.
Брэд Ларсон

2
Спасибо! Сейчас я использую Default-Portrait.png с размером 768 x 1024, этот размер, кажется, тоже работает.
powtac

1
Мое приложение по умолчанию работает в ландшафтном режиме. Но как я могу указать альбомное изображение по умолчанию для iPhone?
Satyam

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
Разве 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/… ?
May Phyu

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

8

Вы можете сделать их 1024 x 768. Вы также можете установить флажок «Строка состояния изначально скрыта» в файле plist.


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.


Так мне нужно 20 разных изображений только для заставки? Шутки в сторону?
Tejas K

Да. Это не так уж и сложно! Ваш дизайнер должен сделать это легко.
Эссам Мохамед Фахми

Вы можете использовать любой онлайн-генератор заставок ... поэтому, предоставив одно изображение ... он сгенерирует все необходимые заставки всех размеров
Кумар

Какой должен быть DPI для этих размеров при проектировании в Photoshop 72, 300 или любом другом?
Садху Харивандандас,

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 пикселей) - Значок AppStore (1024x1024 пикселей) - В центре внимания (80x80 пикселей) - Настройки (58x58 пикселей)

iPhone (6+) - Значок приложения (180x180 пикселей) - Значок AppStore (1024x1024 пикселей) - В центре внимания (120x120 пикселей) - Настройки (87x87 пикселей)


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, не могли бы вы проверить мой вопрос stackoverflow.com/questions/43955856/… братан?
May Phyu

@MayPhyu Извини, брат, я внезапно потерял связь. Надеюсь, ваша проблема решена. Если он все еще не очищен, дайте мне знать.
imti 09

братан @imti, все в порядке, братан. Это было исправлено. Но у меня проблемы. Не могли бы вы помочь мне проверить эту ссылку stackoverflow.com/questions/44304498/… ?
May 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 без сетчатки 768 x 1024

iPad Retina 1536 x 2048 пикселей

Пейзаж

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

iPhone X 2436 x 1125

iPad без сетчатки 1024 x 768

iPad Retina 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 "сдвигаются" или отображаются и масштабируются на секунду позже, это связано с тем, что размеры зависят от того, какую версию 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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.