Otimizar imagens para diferentes resoluções de tela

applies to both windows and phone

Você pode adicionar versões diferentes de cada imagem que identifica seu aplicativo (por exemplo, logotipos e imagens da tela inicial). Em seguida, você pode testá-las para garantir que tenham uma boa aparência em uma variedade de dispositivos com diferentes resoluções da tela. Ao adicionar versões diferentes de cada imagem, você pode reduzir o grau ao qual seus gráficos se serão alongados ou reduzidos para caber na tela da tela do usuário.

Para saber mais sobre os diferentes tipos de imagens e quais são exigidas pela Store, consulte Escolhendo as imagens do seu aplicativo.

Para obter mais informações sobre como melhorar a aparência de suas imagens, consulte Diretrizes de colocação em escala conforme a densidade de pixels.

Nomeie os arquivos de acordo com o tipo de recurso correspondente, como Quadrado7070.png. Se você pretende armazenar os arquivos na mesma pasta, inclua qualificadores de escala nos nomes de arquivo. Por exemplo, você poderia dar a um de seus arquivos o seguinte nome: Ativos\LogoQuadrado7070.scale-100.png.

Se você pretende organizar os arquivos em pastas com base no fator de escala, inclua o qualificador de escala no nome da pasta em vez de nomes de arquivo. Por exemplo, você poderia armazenar o Square7070Logo.png e o Square150150Logo.png em uma subpasta Ativos\Scale-100.

Abra sua solução e adicione os arquivos de imagem à pasta Ativos de seu projeto de aplicativo.

Se você estiver usando um projeto de aplicativo Compartilhado para compilar um aplicativo para mais de um fator forma (por exemplo: Windows e Windows Phone), é recomendável adicionar seu arquivos de imagem à pasta Ativos do projeto Compartilhado em sua solução, mas somente se essa imagem for apropriada para os dois fatores forma.

  1. Em Gerenciador de Soluções, abra o Designer de Manifesto do Aplicativo (Package.appxmanifest) e escolha a guia Interface de Usuário do Aplicativo.

  2. Na lista de ativos visuais, escolha Todos os Ativos de Imagem para exibir as configurações para todos os logotipos e a tela inicial.

  3. Se você quiser que apareça um nome curto no logotipo principal, especifique um na caixa de texto Nome Curto.

  4. Na caixa de texto Logotipo Quadrado 150 x 150, especifique o nome lógico do logotipo principal.

    O valor padrão é Ativos\Logo.png.

    Observação Observação

    As caixas de texto semelhantes aparecem para cada tipo de recurso.

  5. Na área Ativos Dimensionados da página, escolha o botão Procurar ao lado da caixa Escala 80, navegue até a pasta Ativos, especifique o arquivo que contém a imagem dimensionada para 80% e clique no botão Abrir.

    A imagem do arquivo aparecerá na caixa e o arquivo será copiado. O arquivo copiado é nomeado de acordo com as convenções de nomenclatura de recursos para aplicativos da Store: Name.scale-NNN.ext, onde NNN é o fator de escala. Por exemplo, o arquivo pode ser denominado Logo.scale-100.png.

  6. Complete as configurações do Logotipo Quadrado 150 x 150 escolhendo os arquivos adequados da pasta Ativos e adicionando-os às caixas Escala 100, Escala 140 e Escala 180.

    Observação Observação

    Para exibir uma visão aproximada da imagem no tamanho dimensionado, escolha a imagem na caixa. Uma janela de visualização é aberta e lista o local onde cada arquivo de imagem será usado.

  7. Repita as etapas de 4 a 6 para outros logotipos dimensionais, o logotipo da Store e a tela inicial.

Content applies only to Windows

Você pode visualizar os aplicativos criados para a Windows Store usando um simulador. Para obter mais informações, consulte Executar aplicativos da Windows Store no simulador.

Você pode visualizar os aplicativos criados para a Windows Phone Store usando um emulador. Selecione um emulador na lista suspensa ao lado do botão Iniciar Depuração na barra de ferramentas Padrão do depurador. Selecione um emulador que corresponda à resolução em que você deseja visualizar seu aplicativo.

Observação importante Importante

Antes de publicar seu aplicativo na Store, sempre teste-o em um dispositivo real.

Contribuições da comunidade

Mostrar:
© 2014 Microsoft