Quais são os tamanhos usados ​​para a tela inicial do aplicativo iOS?

96

Estou desenvolvendo um aplicativo usando o iOS SDK. Preciso saber de quais Defaulttamanhos de tela inicial preciso.

a111
fonte
2
Apenas um aparte: lembre-se que o iOS desencoraja o uso de telas splash. Em vez disso, use uma imagem de lançamento. Eles são tecnicamente iguais, mas conceitualmente diferentes. Uma tela inicial geralmente é usada como imagem de marca, enquanto uma tela inicial é uma imagem pré-renderizada de sua IU que dá ao usuário a impressão de que o aplicativo está carregando mais rápido. Verifique iOS Human Interface Gudelines nesta preocupação
Hugo A

Respostas:

179

Atualização de 2018 - por favor, não use esta informação!

Estou deixando o post abaixo para fins de referência.

Leia a documentação da Apple Diretrizes de interface humana - telas de inicialização para obter detalhes sobre as telas de inicialização e recomendações.

Obrigado
Drekka


Julho de 2012 - Como esta resposta é bastante antiga, mas ainda parece popular. Eu escrevi uma postagem de blog com base no doco da Apple e coloquei em meu blog . Espero que vocês achem isso útil.

Sim. No desenvolvimento do iPhone / iPad, o Default.pngarquivo é exibido pelo dispositivo automaticamente, então você não precisa programá-lo, o que é realmente útil. Não o tenho comigo, mas você precisa de PNGs diferentes para o iPad com nomes específicos. Eu pesquisei iPad default pnge obteve esta informação a partir da phunkwerks local:


iPad Launch Image Orientations

Para lidar com várias opções de orientação, uma nova convenção de nomenclatura foi criada para imagens de lançamento do iPad. O tamanho da tela do iPad é 768 × 1024, observe nas dimensões que seguem a altura leva em consideração uma barra de status de 20 pixels.

Dimensões do nome do arquivo

  • Default-Portrait.png * - 768 largura x 1024 altura
  • Default-PortraitUpsideDown.png - 768 largura x 1024 altura
  • Default-Landscape.png ** - 1.024 largura x 748 altura
  • Default-LandscapeLeft.png - 1.024 largura x 748 altura
  • Default-LandscapeRight.png - 1.024 largura x 748 altura
  • iPad-Retina–Portrait.png - 1536w x 2048h
  • iPad-Retina–Landscape.png - 2.048 largura x 1496 altura
  • Default.png - Não recomendado

* —Se você não especificou um Default-PortraitUpsideDown.pngarquivo, este arquivo terá precedência.

** - Se você não especificou um arquivo de imagem Default-LandscapeLeft.pngou Default-LandscapeRight.png, este arquivo terá precedência.

Este link para a "Biblioteca de desenvolvedores da Apple" também é útil.

drekka
fonte
16
Observe que Default.png é o que é usado para o iPhone ao executar o aplicativo universal nesse dispositivo, portanto, ele precisa ser sua imagem padrão 320 x 480 ou 320 x 460. O "não recomendado" é apenas para aplicativos apenas para iPad.
Brad Larson
2
Obrigado! Agora estou usando um Default-Portrait.png com 768w x 1024h, esse tamanho também parece funcionar.
powtac
1
Meu aplicativo funcionará por padrão no modo Paisagem. Mas como posso especificar a imagem padrão paisagem para iPhone?
Satyam
2
É importante notar que se você estiver usando versões localizadas, você precisa remover esses arquivos de sua pasta raiz e colocá-los no diretório <idioma> .lproj.
Jose Muanis,
3
O link para o blog na postagem não funciona mais. O link acima para a web de desenvolvedores da Apple também não funciona mais.
física
31

Desde julho de 2013 (iOS 6), é o que sempre usamos:

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)
Andrew Johnson
fonte
4
[email protected] não deveria ser 640 x 1136?
UXUiOS
16

Para iOS7, crie imagens de lançamento nos seguintes tamanhos:

Para iPhone 5 e iPod touch (5ª geração):

  • 640 x 1136 pixels

Para outros dispositivos iPhone e iPod touch:

  • 640 x 960 pixels
  • 320 x 480 pixels (resolução padrão)

Para iPad retrato:

  • 1536 x 2048 pixels
  • 768 x 1024 pixels (resolução padrão)

Para paisagem iPad:

  • 2048 x 1536 pixels
  • 1024 x 768 pixels (resolução padrão)

Consulte iOS 7 Design Resources> iOS Human Interface Guidelines> Launch Images

ATUALIZAÇÃO 1

Para iPhone 6:

  • 750 x 1334 (@ 2x) para retrato
  • 1334 x 750 (@ 2x) para paisagem

Para iPhone 6 Plus:

  • 1242 x 2208 (@ 3x) para retrato
  • 2208 x 1242 (@ 3x) para paisagem

ATUALIZAÇÃO 2

Para iPhone X:

  • 1125 x 2436 (@ 3x) para retrato
  • 2436 x 1125 (@ 3x) para paisagem
eu vou
fonte
Bro, você poderia dar uma olhada na minha pergunta stackoverflow.com/questions/43955856/… ?
Maio Phyu
1
Eu gostaria que houvesse uma boa mesa aqui com nome de arquivo e resolução de imagem para cada entrada, ah, e esqueça o iOS 5,6,7. estamos em 2017.
Computingfreak
8

Você pode torná-los 1024 x 768. Você também pode marcar "A barra de status está inicialmente oculta" no arquivo plist.

RanLearns
fonte
5

Atualização 2020 - Xcode 11

No Xcode 11, você pode fornecer apenas uma imagem com escalas 1x, 2x e 3x e configurá-la LaunchScreen.storyboardpara preencher a tela e tudo correr bem!

Por exemplo: (1242pt x 2688pt @ 1x)

Este é o tamanho da tela retrato, iPhone 11 Pro Maxque é o tamanho da tela grande do iPhone, portanto, ele fornecerá uma tela inicial de alta qualidade em todos os dispositivos iOS.

Atualização 2019 - iOS 12

Eu coletei todos os tamanhos necessários para a tela inicial. Tudo o que você precisa é apenas arrastar as imagens com esses tamanhos e soltá-las, o Xcode colocará cada tamanho no lugar certo.

Boa sorte.

Tamanhos:

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

Nota

A contagem de imagens necessárias é de 26 imagens, mas há 6 tamanhos duplicados, então você descobrirá que os tamanhos acima são apenas 20.

Essam Mohamed Fahmi
fonte
Preciso de 20 imagens diferentes apenas para a tela inicial? Seriamente?
Tejas K
Sim. Não é tão difícil! Seu designer deve fazer isso facilmente.
Essam Mohamed Fahmi
Você pode usar qualquer gerador de tela inicial online .. então, ao fornecer uma única imagem .. ele irá gerar todas as imagens necessárias de todos os tamanhos
kumar
3

Aqui posso adicionar resoluções e especificações de exibição para iphone 6 e 6+ tamanhos:

iPhone 6+ - Resolução de ativos (@ 3x) - Resolução (2208 x 1242) px

iPhone 6 - Resolução de ativos (@ 2x) - Resolução (1334 x 750) px

iPad Air / Retina iPad (1ª e 2ª geração / 3ª e 4ª) - Resolução de ativos (@ 2x) - Resolução (2048 x 1536) px

iPad Mini (2ª e 3ª geração) - Resolução de ativos (@ 2x) - Resolução (2048 x 1536) px

iPhone (6, 5S, 5, 5C, 4S, 4) - Ícone do aplicativo (120x120 px) - Ícone da AppStore (1024x1024 px) - Spotlight (80x80 px) - Configurações (58x58 px)

iPhone (6+) - Ícone do aplicativo (180x180 px) - Ícone da AppStore (1024x1024 px) - Spotlight (120x120 px) - Configurações (87x87 px)

imti
fonte
iPhone 6+ a resolução é 1242x 2208. [( developer.apple.com/library/ios/documentation/UserExperience/…
Sumeet Mourya
Para iPhone 6: 750 x 1334 (@ 2x) para retrato 1334 x 750 (@ 2x) para paisagem Para iPhone 6 Plus: 1242 x 2208 (@ 3x) para retrato 2208 x 1242 (@ 3x) para paisagem
imti
@imti, você poderia dar uma olhada na minha pergunta stackoverflow.com/questions/43955856/… mano?
Maio Phyu
@MayPhyu Desculpe irmão, eu estava fora de contato por um motivo repentino. Espero que seu problema tenha sido resolvido. Se ainda não estiver claro, me avise.
imti
mano @imti, tudo bem mano. Foi consertado. Mas, eu tenho algum problema. Você poderia me ajudar a verificar este link stackoverflow.com/questions/44304498/… ?
May Phyu
3

Para Xcode 9 e dispositivos mais recentes

Retrato

iPhone 4 / 4S 640 x 960

iPhone 5 / 5C / 5S iPod touch de 5ª geração 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 não retina 768 x 1024

retina iPad 1536 x 2048

Panorama

iPhone 6, 7 e 8 mais 2208 x 1242

iPhone X 2436 x 1125

iPad não retina 1024 x 768

retina iPad 2.048 x 1536

Ghulam Rasool
fonte
1

Com o aplicativo universal, eu tinha a tela inicial do iPad aparecendo no simulador, mas não no dispositivo. Em vez disso, o iPad mostraria o splash Default.png para o iPhone. Os arquivos Default-Landscape.png e Default-Portrait.png existentes, então por quê? A resolução deve estar correta, pois criei as capturas de tela usando o Window | Organizador | Screenshots e 'Salvar como imagem padrão' usado para o iPad, em seguida, basta renomeá-lo.

Acontece que (do meu único aplicativo de qualquer maneira) as duas capturas de tela do iPad devem ser movidas para o diretório Resources-iPad. Então tudo funciona bem. Parece óbvio agora, mas no caso de mais alguém ter perdido o sono por causa disso ... -Larry

LDanberger
fonte
1

Para desenvolvedores do Adobe AIR iOS, observe que se as imagens do seu iPad Splash "mudarem" ou forem exibidas e dimensionadas um segundo depois, é porque existem diferentes dimensões dependendo da versão do AIR que você está usando.

Default-Portrait.png:
768 x 1004 (AIR 3.3 e anterior)
768 x 1024 (AIR 3.4 e superior)

[email protected]:
1536 x 2008 (AIR 3.3 e anterior)
1536 x 2048 (AIR 3.4 e superior)

Referência:
http://help.adobe.com/en_US/air/build/WS901d38e593cd1bac1e63e3d129907d2886-8000.html#WS901d38e593cd1bac58d08f9112e26606ea8-8000

Matt Cardoza
fonte