Faça com que o Windows “aplicativo” do Google Chrome use ícones de alta qualidade no Windows 7

Sempre que eu uso o atalho "Criar aplicativo" do Google Chrome (que uso e recomendo muito), os ícones mostrados na barra de tarefas do Windows 7 ficam realmente embaçados, provavelmente o resultado do favicon 16x16 sendo esticado.

Gostaria de poder substituí-los por outro ícone de alta qualidade, mas mesmo quando substituo o arquivo em cache, ele não é atualizado por algum motivo.

Para referência, aqui está o caminho para o ícone, pelo menos para o Gmail. Também estou usando a versão mais recente do canal Dev do Chrome.

% USERPROFILE% \ AppData \ Local \ Google \ Chrome \ USERDA ~ 1 \ Default \ PLUGIN ~ 1 \ GOOGLE ~ 1 \ mail.google.com \ https_443 \ icons # desktop \

Isso pode não satisfazê-lo, mas pelo menos explica de onde vem.

A API do Chrome / Gears diz o seguinte:

desktop.createShortcut('Test Application',
                       'http://example.com/index.html',
                       {'128x128': 'http://example.com/icon128x128.png',
                          '48x48': 'http://example.com/icon48x48.png',
                          '32x32': 'http://example.com/icon32x32.png',
                          '16x16': 'http://example.com/icon16x16.png'},
                       'An application at http://example.com/index.html');

icons - Um objeto que contém uma ou mais dessas propriedades nomeadas: 128x128, 48x48, 32x32, 16x16. O valor de cada propriedade deve ser o URL de uma imagem no formato PNG com dimensões correspondentes ao nome da propriedade. Uma URL de dados contendo dados PNG codificados em base64 também pode ser usada.

Então, acho que agora ele usa apenas algo que está no site para o qual você faz o link. Se eles não tiverem uma versão de alta qualidade, você terá a versão feia que mencionou. Para substituí-lo, é necessário alterar o link dentro do atalho.

Como isso já está começando a ser um trabalho tedioso, provavelmente é melhor seguir estas etapas:

Etapa 1: Salve o ícone no seu computador - Você já fez isso com sucesso, creio :) - Na barra de endereços do navegador, digite o domínio do site, seguido do texto "favicon.ico". Por exemplo, se você quiser o ícone para o site do Yahoo, o endereço para digitar é " http://www.yahoo.com/favicon.ico ". Da mesma forma, o ícone do Google pode ser encontrado em ": //www.google.com/favicon.ico". - Depois de digitar o endereço especificado acima, será carregada uma página contendo apenas o ícone do site. - Clique com o botão direito do mouse na imagem e escolha "Salvar imagem como .." - Salve todos os ícones em uma pasta central, diga "Meus documentos \ Meus ícones"

Agora você tem uma cópia permanente do ícone. O próximo passo é associá-lo ao atalho.

Etapa 2: Associe o ícone ao atalho - Clique com o botão direito do mouse no atalho do site na área de trabalho - No menu pop-up exibido, escolha "Propriedades" - Na caixa de diálogo exibida, alterne para a guia "Documento da Web". - Clique no botão "Alterar ícone ..." presente aqui. - Isso exibirá a caixa de diálogo Alterar ícone, que permitirá procurar e selecionar o arquivo de ícone salvo. - Clique em Ok algumas vezes e saia de todas as caixas de diálogo.

Provavelmente, isso requer que o Chrome seja o navegador padrão para abrir documentos da Web!

Um agradecimento especial a Theta-ga

Parece uma coisa atual do canal Dev. Com o lançamento atual e as versões beta, você não obtém um ícone separado da barra de tarefas no Windows 7 - eles apenas ficam atrás do ícone padrão do Chrome. Parece que eles estão no meio do caminho com o Dev.

Essa pode ser sua melhor aposta para sites que não oferecem os ícones de tamanho correto . Não confirmei totalmente que isso funciona porque não estou no canal de desenvolvimento.

Vá para um dataUri Generator , faça o upload do PNG de 128px que você deseja como ícone. Copie o texto dataUri para uso abaixo.

No Google Chrome, na página em que você deseja criar um atalho para o aplicativo, pressione <CTRL>+ <SHIFT>+ J, clique no segundo ícone à esquerda ( Show Console) e cole o seguinte. Certifique-se de substituir os dados e a descrição abaixo. Enter o executará e você deverá ver a janela de atalho do aplicativo Gears.

window.google.gears.factory.create('beta.desktop').createShortcut(
   document.title, window.location.href, {'128x128': '**dataUri**'}
   ,'**description**');

A outra opção é apelar para o desenvolvedor da web do site para adicionar essas simples meta meta e tags de link ao site.

Além disso, se você realmente quer ser extravagante, acho que você pode criar vários dataUri's com cada tamanho de ícone, conforme especificado na resposta do Ivo acima.