Escolhendo as imagens do seu aplicativo

Applies to Windows only

Seu aplicativo precisa incluir vários logotipos, capturas de tela e imagens. Algumas dessas imagens são obrigatórias, enquanto outras são opcionais. Lembre-se de que suas imagens constituem uma das principais maneiras de representar seu aplicativo. Imagens ricamente elaboradas podem ser uma grande ajuda para tornar seu aplicativo atraente aos olhos dos clientes.

Existem também imagens que você não inclui no pacote do seu aplicativo, mas que inclui ao enviar o aplicativo para que possam ser usadas pela Windows Store. Essas imagens são capturas de tela e imagens promocionais.

Observação  As informações neste tópico se aplicam especificamente a aplicativos direcionados ao Windows 8.1 e como eles são exibidos na Windows Store para os clientes que executam o Windows 8.1. As imagens necessárias são as mesmas para aplicativos direcionados ao Windows 8, mas a maneira como as imagens são usadas na Loja, na tela inicial do cliente e dentro do próprio aplicativo pode variar em relação ao que está descrito a seguir.

Se você também estiver enviando o seu aplicativo para a Loja do Windows Phone, deve analisar as informações sobre tamanhos de blocos e diretrizes de design para aplicativos do Windows Phone.

Esta tabela apresenta uma visão geral dos diferentes tipos de imagens que você inclui no pacote do seu aplicativo. As imagens obrigatórias são mostradas aqui em negrito.

Nome da imagem80% do tamanho100% do tamanho140% do tamanho180% do tamanhoDefinida em
Logotipo da lojaN/A 50x5070x7090x90 Package/Properties/Logo
Square150x150Logo120x120150x150210x210270x270 VisualElements/@Square150x150Logo
Square30x30Logo24x24 30x3042x4254x54 VisualElements/@Square30x30Logo
Wide310x150Logo248x120 310x150 434x210558x270 VisualElements/DefaultTile/ @Wide310x150Logo
Square310x310Logo248x248310x310434x434558x558 VisualElements/DefaultTile/ @Square310x310Logo
Square70x70Logo56x5670x7098x98126x126 VisualElements/DefaultTile/ @Square70x70Logo
Logotipo de notificaçãoN/A24x2433x33 43x43 VisualElements/LockScreen
Tela inicialN/A 620x300868x420 1116x540 VisualElements/SplashScreen

 

Para proporcionar uma boa experiência em diferentes resoluções de tela, recomendamos incluir versões dimensionadas das imagens no seu aplicativo. Observe que as imagens dimensionadas devem ser projetadas para o tamanho da imagem. Elas não devem ser simplesmente redimensionadas com base na imagem original. O fornecimento dessas imagens dimensionadas é opcional. Para saber mais, veja Otimizando imagens para diferentes resoluções de tela.

Dica  A execução do Kit de Certificação de Aplicativos Windows pode ajudar a determinar se você deixou de incluir alguma imagem.

Para saber mais sobre imagens de blocos, veja:

As imagens do aplicativo usadas na Windows Store

A Windows Store usa diferentes imagens ao exibir seu aplicativo aos clientes. A maioria dessas imagens deriva das imagens que você envia no pacote do seu aplicativo (como descrito acima). As imagens usadas pela Windows Store são descritas a seguir.

Capturas de tela

As capturas de tela são as imagens do seu aplicativo que são exibidas aos clientes na seção detalhe do aplicativo. Um aplicativo deve enviar, no mínimo, uma captura de tela (no máximo, oito). Veja aqui um exemplo de página de detalhe do aplicativo que usa seis capturas de tela.

Imagem de aplicativo listado na Windows Store

A primeira captura de tela também pode ser usada quando a Windows Store exibe seu aplicativo. Para essa primeira captura de tela, você pode criar um elemento gráfico de sua preferência que use elementos de identidade visual para representar seu aplicativo. Veja aqui um exemplo de aplicativo em destaque na Windows Store. (A imagem menor mostrada com a captura de tela é a imagem Square150x150Logo do aplicativo.)

Aplicativo em destaque na Windows Store

Além dessa primeira captura de tela, outras capturas de tela devem ser extraídas diretamente do aplicativo. O Microsoft Visual Studio fornece uma ferramenta para ajudar você a obter essas capturas de tela.

A imagem de cada captura de tela deve ser um arquivo .png com, no máximo, 2 MB. As imagens devem ter, no mínimo, 1366x768 pixels (na orientação paisagem) ou 768x1366 pixels (na orientação retrato) e ter, no máximo, 2 MB. Cada imagem também deve ter uma legenda curta que a descreva em 200 caracteres ou menos. Inclua legendas em cada idioma para o qual você forneça uma descrição.

Veja informações sobre capturas de tela em Descrição do aplicativo para saber mais como criar capturas de tela atraentes e como elas são carregadas durante o processo de envio do aplicativo. (Essas imagens não são incluídas no pacote do seu aplicativo.)

Obrigatória?Apenas uma captura de tela é obrigatória; cada aplicativo pode ter até 8 capturas de tela.
Tamanho

1366x768 ou maior, se em orientação paisagem

768x1366 ou maior, se em orientação retrato

Tipo .png

 

Square150x150Logo

A imagem 150x150Logo representa a imagem do bloco quadrado do aplicativo na tela inicial. Ela pode ser usada pela Windows Store ao colocar aplicativos em destaque, como mostrado no exemplo da seção anterior.

Você especifica essa imagem no atributo Square150x150Logo do elemento VisualElements no manifesto do aplicativo. Veja Guia de início rápido: criando um bloco padrão com o Editor de Manifesto do Microsoft Visual Studio para obter uma visão geral do processo.

Dica  Quando você criar a imagem Square150x150Logo, considere se deseja incluir o nome do aplicativo na imagem ou se prefere que o Windows sobreponha o nome no topo da imagem quando ela for usada na tela inicial. Lembre-se de como você quer que seu bloco apareça quando ele for usado na Windows Store para mostrar aplicativos aos clientes. Na maioria das vezes, convém que o bloco inclua o nome do aplicativo na imagem, mas isso não é obrigatório. Para saber como designar se o Windows adicionará ou não o nome ao bloco na tela inicial, veja DefaultTile/ShowNameOnTiles.

Obrigatória?Somente a imagem 150x150 de pixels é obrigatória.
Tamanho
80%: 120x120
100%: 150x150
140%: 210x210
180%: 270x270
Tipo .png, .jpg, .jpeg

 

Wide310x150Logo

Embora o logotipo largo não seja uma imagem obrigatória, recomendamos expressamente incluir um tamanho de 100% (310x150 pixels), pois essa imagem é usada em muitas telas na Windows Store. Veja aqui um exemplo da página Sugestões que mostra blocos largos de vários aplicativos recomendados.

Logotipos largos mostrados em Sugestões

A definição de uma imagem Wide310x150Logo também permite ao seu aplicativo mostrar um bloco largo na tela inicial, o que é particularmente importante para exibir notificações. Se você não incluir essa definição de imagem no seu aplicativo, o bloco do aplicativo não poderá ser redimensionado para o tamanho largo, nem poderá mostrar notificações em formato largo. Mesmo que seu aplicativo não precise mostrar notificações no bloco, recomendamos incluir a imagem Wide310x150Logo para que o aplicativo seja exibido de forma atraente na Loja em páginas como Sugestões. (Se você não a incluir, a imagem Square150x150Logo será então usada quando o aplicativo aparecer nesses layouts, centralizado em uma tela de fundo mais larga.)

Você especifica essa imagem no atributo Wide310x150Logo do elemento DefaultTile no manifesto do aplicativo.

Dica  Quando você criar a imagem do seu logotipo, considere se deseja incluir o nome do aplicativo na imagem ou se prefere que o Windows sobreponha o nome no topo da imagem quando ela for usada na tela inicial. Lembre-se de como você quer que seu bloco largo apareça quando ele for usado na Windows Store para mostrar aplicativos aos clientes. Na maioria das vezes, convém que o bloco inclua o nome do aplicativo na imagem, mas isso não é obrigatório. Para saber como designar se o Windows adicionará ou não o nome ao bloco na tela inicial, veja DefaultTile/ShowNameOnTiles.

Obrigatória?Não, mas recomendada.
Tamanho
80%: 248x120
100%: 310x150
140% 434x210
180% 558x270
Tipo .png, .jpg, .jpeg

 

Logotipo da loja

O logotipo da Loja (50x50 pixels) é usado pela Windows Store na seção Detalhes da página de detalhe do aplicativo. Ele também pode aparecer em outras seções da Loja, por exemplo, na lista Populares gratuitos mostrada no exemplo a seguir.

A lista Populares gratuitos com o logotipo da Loja

Você especifica essa imagem no elemento Package/Properties/Logo do manifesto do aplicativo.

Dica  

A imagem do logotipo da loja é exibida sobre uma paleta de cores de 70x70. Isso significa que há uma pequena borda ao redor do seu logotipo. A cor da borda é determinado pelo atributo BackgroundColor do elemento VisualElements\SplashScreen. Para evitar o aparecimento de uma borda (como nos exemplos acima), defina a cor do plano de fundo como a mesma da cor principal no logotipo do seu aplicativo.

Obrigatória?Somente a imagem de 50x50 pixels é obrigatória.
Tamanho
100%: 50x50
140%: 70x70
180%: 90x90
Tipo .png, .jpg, .jpeg

 

Imagens promocionais

A equipe editorial da Windows Store usa diferentes imagens para promover seu aplicativo. Em geral, a primeira captura de tela e a imagem Square150x150Logo do seu aplicativo são usadas. O envio de imagens promocionais adicionais confere maior flexibilidade à equipe da Windows Store para incluir seu aplicativo em outros layouts promocionais. O fornecimento de imagens promocionais do seu aplicativo não garante que ele ficará em destaque; porém, se você não as fornecer, o aplicativo não será considerado para todas as oportunidades promocionais. Veja Facilite a promoção do seu aplicativo para saber mais.

Quando você fornece imagens promocionais em todos os tamanhos, a equipe editorial da Windows Store dispõe de maior flexibilidade para divulgar seu aplicativo. Essas imagens são usadas em vários layouts promocionais. Por exemplo, esta é uma imagem que usa imagens promocionais no tamanho 414x468.

Imagens promocionais na Windows Store

Você pode fornecer até quatro imagens promocionais durante o processo de envio do aplicativo. (Elas não são incluídas no pacote do seu aplicativo.) Essas imagens devem ser dimensionadas exatamente como descrito na tabela a seguir. Os tamanhos 414x180 e 414x468 são os mais usados; portanto são os mais importantes de fornecer.

Obrigatória?Não, mas recomendada.
Tamanho

Um ou mais destes tamanhos:

414x180
414x468
558x756
846x468
Tipo .png

 

Outras imagens do aplicativo

Além das imagens mencionadas acima, existem outras imagens que você envia no pacote do seu aplicativo. Elas não são usadas na Windows Store, mas ajudam seu aplicativo a fornecer uma experiência do usuário mais avançada. Algumas dessas imagens são necessárias para o envio do aplicativo.

Tela inicial

A tela inicial aparece por pouco tempo quando o usuário abre o aplicativo. Seu aplicativo deve fornecer uma imagem de tela inicial. Além disso, você pode especificar a cor da tela de fundo a ser usada nesse momento. Você especifica a imagem e a cor da tela de fundo opcional no elemento SplashScreen do manifesto do aplicativo. Veja Diretrizes e lista de verificação de telas iniciais e Adicionando uma tela inicial para saber mais.

Para especificar uma imagem de tela inicial, defina o atributo Image como o caminho da imagem no pacote do aplicativo. A imagem será exibida na cor da tela de fundo definida pelo atributo BackgroundColor do elemento SplashScreen.

Obrigatória?Somente a imagem de 620x300 pixels é obrigatória.
Tamanho
100%: 620x300
140%: 868x420
180%: 1116x540
Tipo .png, .jpg, .jpeg

 

Square30x30Logo

A imagem Square30x30Logo é usada pelo Windows em vários locais, por exemplo, quando um cliente exibe todos os aplicativos instalados em um dispostivo.

Você especifica essa imagem no atributo Square30x30Logo do elemento VisualElements no manifesto do aplicativo.

Obrigatória?Somente a imagem de 30x30 pixels é obrigatória.
Tamanho
80%: 24x24
100%: 30x30
140%: 42x42
180%: 54x54
Tipo .png, .jpg, .jpeg

 

Square70x70Logo

A imagem Square70x70Logo é usada quando um cliente opta por exibir seu aplicativo em um bloco menor na tela inicial. (Se você não fornecer um ativo para isso, uma versão dimensionada do ativo de bloco Square150x150Logo será usada.)

Você especifica essa imagem no atributo Square70x70Logo do elemento VisualElements no manifesto do aplicativo.

Obrigatória?Não
Tamanho
80%: 56x56
100%: 70x70
140%: 98x98
180%: 126x126
Tipo .png, .jpg, .jpeg

 

Square310x310Logo

A imagem Square310x310Logo é usada quando um cliente opta por exibir seu aplicativo em um bloco grande na tela inicial. Se você não fornecer um ativo para isso, seu bloco não poderá ser redimensionado para o tamanho grande.

Observação  O suporte ao bloco grande requer também suporte ao bloco largo. Assim, para dar suporte ao tamanho de bloco grande, você precisa dar suporte a todos os quatro tamanhos de bloco.

Você especifica essa imagem no atributo Square310x310Logo do elemento DefaultTile no manifesto do aplicativo.

Obrigatória?Não
Tamanho
80%: 248x248
100%: 310x310
140%: 434x434
180%: 558x558
Tipo .png, .jpg, .jpeg

 

Logotipo de notificação

O logotipo de notificação é uma imagem mostrada ao lado da notificação para identificar o aplicativo na tela de bloqueio. Ele é opcional e não é usado em nenhum outro local.

Você especifica essa imagem no atributo BadgeLogo do elemento LockScreen no manifesto do aplicativo. Para saber mais, veja Visão geral da tela de bloqueio.

Observação  A imagem do logotipo de notificação deve ser monocromática.

Obrigatória?Não
Tamanho
100%: 24x24
140%: 33x33
180%: 43x43
Tipo .png, .jpg, .jpeg

 

 

 

Mostrar:
© 2014 Microsoft