A tabela a seguir lista os tamanhos de ícones utilizados em cada plataforma móvel:
Tamanho do ícone
|
Plataforma
|
29x29
|
iOS
|
36x36
|
Android
|
40 x 40
|
iOS
|
48x48
|
Android, iOS
|
50x50
|
iOS
|
57x57
|
iOS
|
58x58
|
iOS
|
60 x 60
|
iOS
|
72x72
|
Android, iOS
|
75 x 75
|
iOS
|
76 x 76
|
iOS
|
80 x 80
|
iOS
|
87 x 87
|
iOS
|
96x96
|
Android
|
100x100
|
iOS
|
114x114
|
iOS
|
120 x 120
|
iOS
|
144x144
|
Android, iOS
|
152 x 152
|
iOS
|
167 x 167
|
iOS
|
180 x 180
|
iOS
|
192x192
|
Android
|
512 x 512
|
Android, iOS
|
1024 x 1024
|
iOS
|
Especifique o caminho para os arquivos de ícone no elemento ícone do arquivo descritor do aplicativo:
<icon>
<image36x36>assets/icon36.png</image36x36>
<image48x48>assets/icon48.png</image48x48>
<image72x72>assets/icon72.png</image72x72>
</icon>
Se você não fornecer um ícone de determinado tamanho, o maior tamanho seguinte é utilizado e adaptado para se ajustar.
Ícones no Android
No Android, os ícones especificados no descritor do aplicativo são usados como o ícone Launcher do aplicativo. O ícone de inicialização do aplicativo deve ser fornecido como um conjunto de imagens PNG de 36x36, 48x48, 72x72, 96x96, 144x144 e 192x192 pixels. Estes tamanhos de ícones são utilizados para telas de baixa, média e alta densidade, respectivamente.
É preciso que os desenvolvedores enviem o ícone de 512x512 pixels no momento do envio do aplicativo na Play Store do Google.
Ícones do iOS
Os ícones definidos no descritor do aplicativo são usados nos seguintes locais para um aplicativo iOS:
-
Um ícone de 29x29 pixels — ícone de pesquisa Spotlight para iPhones/iPods de resolução mais baixa e ícone Configurações para iPads de resolução mais baixa.
-
Um ícone de 40 x 40 pixels: ícone de pesquisa do Spotlight para iPads de resolução mais baixa.
-
Um ícone de 48x48 pixels — o AIR adicione uma borda a essa imagem e a usa como um ícone de 50x50 para pesquisa Spotlight em iPads de resolução mais baixa.
-
Um ícone de 50x50 pixels — pesquisa Spotlight para iPads de resolução mais baixa.
-
Um ícone de 57x57 pixels — ícone de aplicativo para iPhones/iPods de resolução mais baixa.
-
Um ícone de 58x58 pixels — ícone Spotlight para iPhones/iPods com tela Retina e ícone de configurações para iPads com tela Retina.
-
Um ícone de 60 x 60 pixels: ícone de aplicativo para iPhones/iPods de resolução mais baixa.
-
Um ícone de 72 x 72 pixels (opcional): ícone de aplicativo para iPads de resolução mais baixa.
-
Um ícone de 76 x 76 pixels (opcional): ícone de aplicativo para iPads de resolução mais baixa.
-
Um ícone de 80 x 80 pixels: pesquisa do Spotlight para iPhones/iPods/iPads de resolução alta.
-
Um ícone de 100x100 pixels — pesquisa Spotlight para iPads com tela Retina.
-
Um ícone de 114 x 114 pixels: ícone de aplicativo para iPhone/iPods com tela Retina.
-
Um ícone de 120 x 120 pixels: ícone de aplicativo para iPhones/iPods de resolução alta.
-
Um ícone de 152 x 152 pixels: ícone de aplicativo para iPads de resolução alta.
-
Um ícone de 167 x 167 pixels: ícone de aplicativo para iPads Pro de resolução alta.
-
Um ícone de 512x512 pixels — ícone de aplicativos para iPhones/iPods/iPads de resolução mais baixa). O iTunes exibe esse ícone. O arquivo de 512 pixels PNG é utilizado somente para testar versões de desenvolvimento do aplicativo. Ao enviar o aplicativo final para a Apple App Store, envie a imagem de 512 pixels separadamente, como arquivo JPG. Isso não está incluído no IPA.
-
Um ícone de 1024x1024 pixels — ícone de aplicativos para iPhones/iPods/iPads com tela Retina.
O iOS adiciona o efeito de brilho ao ícone. Não é necessário aplicar efeito à sua imagem original. Para remover o efeito de brilho padrão, adicione o seguinte ao elemento
InfoAdditions
no arquivo do descritor do aplicativo:
<InfoAdditions>
<![CDATA[
<key>UIPrerenderedIcon</key>
<true/>
]]>
</InfoAdditions>
Nota:
No iOS, os metadados do aplicativo são inseridos como metadados png nos ícones do aplicativo para que o Adobe possa controlar o número de aplicativos AIR disponíveis na app store do Apple iOS. Se você não quiser que o aplicativo seja identificado como AIR devido a esses metadados de ícone, deverá descompactar o arquivo IPA, remover o metadado do ícone e reempacotá-lo. Esse procedimento é descrito no artigo
Optar por não obter análises de aplicativos AIR for iOS
.
Imagens de ativação do iOS
Além dos ícones de aplicativos, você também deverá fornecer pelo menos uma imagem de ativação chamada
Default.png
. Opcionalmente, você pode incluir imagens de ativação separadas para diferentes orientações iniciais, diferentes resoluções (incluindo a tela Retina de alta resolução e taxa de proporção de 16:9) e diferentes dispositivos. Você também pode incluir diferentes imagens de ativação a serem usadas quando seu aplicativo for invocado por um URL.
Os arquivos de imagem de ativação não são referidos na descrição do aplicativo e, portanto, devem ser colocados no diretório raiz do aplicativo. (
Não
coloque os arquivos em um subdiretório.)
Esquema de definição do nome de arquivo
Nome da imagem de acordo com o seguinte esquema:
basename + screen size modifier + urischeme + orientation + scale + device + .png
A parte
basename
do nome do arquivo e a única parte obrigatória. Ela é
Default (Padrão)
(com D maiúsculo) ou o nome que você especificar usando a chave
UILaunchImageFile
no elemento
InfoAdditions
no descritor do aplicativo.
A parte
screen size modifier
designa o tamanho da tela quando ela não for um dos tamanhos de tela padrão. Esse modificador se aplica aos modelos do iPhone e do iPod Touch com telas com 16:9 de taxa de proporção, como o iPhone 5 e o iPod Touch (5ª geração). O único valor suportado para esse modificador é
-568h
. Como esses dispositivos suportam telas (retina) de alta resolução, o modificador do tamanho da tela é sempre usado com uma imagem que também tenha o modificador de escala
@2x
. O nome completo padrão da imagem de ativação desses dispositivos é
Default-568h@2x.png
.
A parte
urischeme
é a sequência de caracteres usada para identificar o esquema URI. Essa parte só se aplica se o seu aplicativo oferecer suporte a um ou mais esquemas de URL. Por exemplo, se o seu aplicativo puder ser invocado por um link como
example://foo
, então use
-example
como a parte do esquema do nome do arquivo de imagem de ativação.
A parte
orientation
oferece uma forma de especificar várias imagens de ativação para usar dependendo da orientação do dispositivo quando o aplicativo for ativado. Essa parte só se aplica a imagens para aplicativos do iPad. Ela pode ser um dos seguintes valores, indicando a orientação que o dispositivo usa quando o aplicativo é inicializado:
-
-Retrato
-
-PortraitUpsideDown (retrato, de cima para baixo)
-
-Paisagem
-
-LandscapeLeft (paisagem, esquerda)
-
-LandscapeRight (paisagem, direita)
A parte da
escala
é
@2x
(para iPhone 4, iPhone 5 e iPhone 6) ou
@3x
(para iPhone 6 plus) para imagens de lançamento usadas em telas (de retina) de alta resolução. (Omita a parte escala completamente para as imagens usadas em exibições com resolução padrão.) Para imagens de ativação de dispositivos mais altos, como o iPhone 5 e o iPod Touch (5ª geração), você também deve especificar o modificador de tamanho da tela
-528h
depois da parte basename e antes de qualquer outra parte.
A parte
device
é usada para designar imagens de ativação para dispositivos portáteis e telefones. Essa parte é usada quando o seu aplicativo é um aplicativo universal com suporte para dispositivos portáteis e tablets com um único código binário de aplicativo. O valor possível deve ser
~ipad
ou
~iphone
(para iPhone e iPod Touch).
Para o iPhone, só é possível incluir imagens na proporção de retrato. No entanto, no caso do iPhone 6 plus, as imagens de paisagens também podem ser adicionadas. Use imagens com 320x480 pixels para dispositivos de resolução padrão, imagens com 640x960 pixels para dispositivos de alta resolução e imagens com 640x1136 pixels para dispositivos com 16:9 de taxa de proporção como o iPhone 5 e o iPod Touch (5ª geração).
Para iPad, inclua imagens da seguinte maneira:
-
AIR 3.3 ou anterior - Sem imagem em tela inteira: inclui imagens em orientação paisagem, 1024x748 para resolução normal, 2048x 1496 para alta resolução e retrato, 768x1004 para resolução normal, 1536x 2008 para alta resolução.
-
AIR 3.4 ou posterior - com imagens full screen: inclui imagens com orientação paisagem 1024x768 para resolução normal, 2048x 1536 para alta resolução, e orientação retrato 768x1024 para resolução normal, 1536x 2048 para alta resolução. Observe que quando você coloca uma imagem de tela inteira em um aplicativo sem tela inteira os 20 pixels superiores (40 pixels para resolução alta) são cobertos pela barra de status. Evite exibir informações importantes nesta área.
Exemplos
A tabela a seguir mostra um conjunto de exemplos de imagens que você poderia incluir num aplicativo hipotético que suportasse a mais ampla gama de dispositivos e orientações e pudesse ser ativado com URLs que utilizasse o esquema
example://
:
Nome do arquivo
|
Tamanho da imagem
|
Uso
|
Default.png
|
320 x 480
|
iPhone, resolução padrão
|
Default@2x.png
|
640 x 960
|
iPhone, alta resolução
|
Default-568h@2x.png
|
640 x 1136
|
iPhone, alta resolução, taxa de proporção de 16:9
|
Default-Portrait.png
|
768 x 1004 (AIR 3.3 e anteriores)
768 x 1024 (AIR 3.4 e superiores)
|
iPad, orientação de retrato
|
Default-Portrait@2x.png
|
1536 x 2008 (AIR 3.3 e anteriores)
1536 x 2048 (AIR 3.4 e superiores)
|
iPad, alta resolução, orientação de retrato
|
Default-PortraitUpsideDown.png
|
768 x 1004 (AIR 3.3 e anteriores) 768 x 1024 (AIR 3.4 e superiores)
|
iPad, orientação de retrato de cima para baixo
|
Default-PortraitUpsideDown@2x.png
|
1536 x 2008 (AIR 3.3 e anteriores) 1536 x 2048 (AIR 3.4 e superiores)
|
iPad, alta resolução, orientação de retrato de cima para baixo
|
Default-Landscape.png
|
1024 x 768
|
iPad, orientação de paisagem à esquerda
|
Default-LandscapeLeft@2x.png
|
2048 x 1536
|
iPad, alta resolução, orientação de paisagem à esquerda
|
Default-LandscapeRight.png
|
1024 x 768
|
iPad, orientação de paisagem à direita
|
Default-LandscapeRight@2x.png
|
2048 x 1536
|
iPad, alta resolução, orientação de paisagem à direita
|
Default-example.png
|
320 x 480
|
exemplo:// URL no iPhone padrão
|
Default-example@2x.png
|
640 x 960
|
exemplo:// URL no iPhone de alta resolução
|
Default-example~ipad.png
|
768 x 1004
|
exemplo:// URL no iPad em orientações de retrato
|
Default-example-Landscape.png
|
1024 x 768
|
exemplo:// URL no iPad em orientações de paisagem
|
Esse exemplo ilustra somente uma abordagem. Você poderá, por exemplo, usar a imagem
Default.png
para o iPad e especificar imagens de lançamento específicas para iPhone e iPod com
Default~iphone.png
e
Default@2x~iphone.png
.
Consulte também
Guia de Programação de Aplicativos em iOS: Imagens de Lançamento de Aplicativo
Imagens de lançamento que criam pacotes para dispositivos iOS
Dispositivos
|
Resolução (pixels)
|
Nome da imagem de lançamento
|
Orientação
|
iPhones
|
iPhone 4 (sem tela de retina)
|
640 x 960
|
Default~iphone.png
|
Foto
|
iPhone 4, 4s
|
640 x 960
|
Default@2x~iphone.png
|
Foto
|
iPhone 5, 5c, 5s
|
640 x 1136
|
Default-568h@2x~iphone.png
|
Foto
|
iPhone 6, iPhone 7
|
750 x 1334
|
Default-375w-667h@2x~iphone.png
|
Foto
|
iPhone 6+, iPhone 7+
|
1242 x 2208
|
Default-414w-736h@3x~iphone.png
|
Foto
|
iPhone 6+, iPhone 7+
|
2208 x 1242
|
Default-Landscape-414w-736h@3x~iphone.png
|
Paisagem
|
iPads
|
iPad 1, 2
|
768 x 1024
|
Default-Portrait~ipad.png
|
Foto
|
iPad 1, 2
|
768 x 1024
|
Default-PortraitUpsideDown~ipad.png
|
Foto invertida
|
iPad 1, 2
|
1024 x 768
|
Default-Landscape~ipad.png
|
Paisagem à esquerda
|
iPad 1, 2
|
1024 x 768
|
Default-LandscapeRight~ipad.png
|
Paisagem à direita
|
iPad 3, Air
|
1536 x 2048
|
Default-Portrait@2x~ipad.png
|
Foto
|
iPad 3, Air
|
1536 x 2048
|
Default-PortraitUpsideDown@2x~ipad.png
|
Foto invertida
|
iPad 3, Air
|
2048 x 1536
|
Default-LandscapeLeft@2x~ipad.png
|
Paisagem à esquerda
|
iPad 3, Air
|
2048 x 1536
|
Default-LandscapeRight@2x~ipad.png
|
Paisagem à direita
|
iPad Pro
|
2048 x 2732
|
Default-Portrait@2x.png
|
Retrato
|
iPad Pro
|
2732 x 2048
|
Default-Landscape@2x.png
|
Paisagem
|
Recomendações de arte
É possível criar qualquer arte desejada para um arquivo de imagem, desde que ela tenha as dimensões corretas. No entanto, frequentemente é melhor que a imagem do arquivo coincida com o estado inicial do aplicativo. Você pode criar essa imagem de ativação obtendo uma captura de tela da imagem de inicialização do seu aplicativo:
-
Abra o seu aplicativo no dispositivo iOS. Quando a primeira tela da interface do usuário aparecer, pressione e mantenha pressionado o botão Início (abaixo da tela). Mantendo pressionado o botão Início, pressione o botão Despertar/Repousar (na parte superior do dispositivo). Isso executa uma captura de tela e envia-a para o rolo da câmera.
-
Transfira a imagem para seu computador de desenvolvimento, transferindo as fotos do iPhoto ou de outro aplicativo de transferência de fotos.
Não inclua texto na imagem de ativação se o aplicativo estiver localizado em vários idiomas. A imagem de ativação é estática, e o texto não coincidiria com outros idiomas.
Consulte também
Diretrizes de Interface do iOS: Imagens de lançamento
|
|
|