Visuais de alta qualidade para sites fixos no Windows 8

A postagem Sites fixos no Windows 8 descreve como os desenvolvedores de sites podem fornecer um ícone de site (favicon) para os blocos de sites fixos dos seus sites na tela inicial do Windows 8. Muitos de vocês enviaram comentários dizendo que gostariam de fornecer visuais de alta resolução para melhorar a apresentação da marca dos seus sites nos blocos de sites fixos dos usuários. No Windows 8 Release Preview, é possível fazer isso: adicionamos a capacidade de fornecer uma imagem de bloco em PNG e de especificar a cor do plano de fundo do bloco.

Exemplo

Abaixo seguem exemplos de um bloco de site fixo usando favicon de um site e cor automaticamente determinada (esquerda) e também um PNG de alta resolução com cor de bloco personalizada (direita):

Marcação

As Meta tags especificam a imagem do bloco e a cor do plano de fundo. Exemplo:

<meta name="msapplication-TileImage" content="images/benthepcguy-144.png"/>

<meta name="msapplication-TileColor" content="#d83434"/>

As imagens de bloco devem ser PNGs quadrados de 144px por 144px. Para obter os melhores resultados, recomendamos o uso de um plano de fundo transparente em vez de um plano de fundo que corresponda à cor do bloco. A cor do bloco pode ser especificada como uma cor RGB hex usando a notação #rrggbb de CSS, por meio dos nomes das cores CSS ou por funções rgb() de CSS.

Veja este comportamento em ação em nossa demonstração do Fresh Tweets atualizada.

Observação: O IE10 somente baixará a imagem do bloco quando o usuário fixar o site em sua tela inicial para que os sites não incorram em custos adicionais de largura de banda.

Conclusão

O Internet Explorer 10 permite que os desenvolvedores da Web criem visuais de alta qualidade centrados em sites para os blocos de sites fixos, permitindo que as marcas dos sites tenham uma ótima exibição na tela inicial do Windows 8 e fiquem visualmente mais integradas ao resto do aplicativo e aos blocos de conteúdo. Basta que os desenvolvedores fornecem apenas um ícone de alta qualidade que o Windows 8 irá ajustá-lo conforme necessário para os dispositivos executados nas mais diferentes resoluções.

Os sites podem também compartilhar notificações e oferecer listas de atalhos para uma navegação mais rápida no site. Consulte Sites fixos no Windows 8 para saber mais.

Esperamos que você adicione esses recursos simples ao seu site para maximizar o seu impacto no Windows 8.

—Rahul Lalmalani, gerente de programas, Internet Explorer