Faça do Windows “Aplicativo” do Google Chrome Use ícones de alta qualidade no Windows 7

Question

Sempre que uso o atalho "Criar aplicativo" do Google Chrome (que uso muito e recomendo), os ícones exibidos na barra de tarefas do Windows 7 estão realmente borrados, provavelmente o resultado do uso do favicon 16x16 estendido.

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\

    

Answer 1

Isso talvez não satisfaça você, 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');

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

Então, eu acho que agora apenas usa algo que está no site para o qual você faz o link. Se eles não têm uma versão de alta qualidade, você pega o feio que você mencionou. Substituir isso exigiria que você alterasse 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, eu acredito :)  - Na barra de endereços do seu navegador, digite o domínio do site, seguido do texto "favicon.ico" Por exemplo, se você quiser o ícone do site do Yahoo, o O endereço para digitar é " link ". Da mesma forma, O ícone do Google pode ser encontrado em ": //www.google.com/favicon.ico".  - Depois de digitar o endereço especificado acima, uma página será carga contendo apenas o ícone do site.  - Clique com o botão direito na figura 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 no atalho do site na sua área de trabalho  - No menu que aparece, escolha "Propriedades"  - Na caixa de diálogo exibida, mude para a guia "Documento da Web".  - Clique no botão "Alterar ícone ..." presente lá.  - Isso irá aparecer no diálogo Change Icon, que permitirá que você para procurar e selecionar o arquivo do ícone salvo.  - Em seguida, clique em Ok algumas vezes e saia de todas as caixas de diálogo.

Isso provavelmente requer que o Chrome seja o seu navegador padrão para abrir documentos da Web!

Com um agradecimento especial à Theta-ga

    

Answer 2

Parece uma coisa atual do canal Dev. Com o lançamento atual e as versões Beta, você não tem um ícone de barra de tarefas separado 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.

    

Answer 3

Essa pode ser sua melhor opção para sites que não oferecem os ícones de tamanho corretos . Eu não confirmei totalmente que isso funciona porque eu não estou no canal de desenvolvimento.

Vá para um dataUri Generator , faça o upload do PNG de 128 pixels desejado como um ícone. Copie o texto dataUri para uso abaixo.

No Google Chrome, na página em que você deseja criar um atalho de aplicativo para a imprensa <CTRL> + <SHIFT> + J , clique no segundo ícone à esquerda ( Show Console ) e cole o seguinte. Certifique-se de substituir a datauri e a descrição abaixo. Enter irá executá-lo e você deverá ver a janela de atalhos 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 esses tags meta e link em seu site.

Além disso, se você realmente quiser ficar chique, eu acho que você pode criar vários dataUri's com cada um dos tamanhos de ícone, como especificado na resposta do Ivo acima.