Ícones de aplicativos

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:

  1. 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.

  2. 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