it-swarm-pt.tech

Faça do Google Chrome "Aplicativo" Windows usar ícones de alta qualidade no Windows 7

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

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

Para referência, aqui está o caminho para o ícone, para Gmail, pelo menos. 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 \

alt text

29
The How-To Geek

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

O API 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 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 formatada em PNG com dimensões que correspondam ao nome da propriedade. Um URL de dados contendo dados PNG codificados em base64 também pode ser usado.

Acho que agora ele usa apenas algo que está no site para o qual você tem um link. Se eles não tiverem uma versão de alta qualidade, você terá a versão feia que mencionou. Substituí-lo exigiria que você alterasse o link dentro do atalho.

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

Passo 1: Salve o ícone no seu computador - Você já fez isso com sucesso, creio eu :) - Na barra de endereços do seu navegador, digite o domínio do site da Web, seguido do texto "favicon.ico" Por exemplo, se você deseja o ícone do site do Yahoo, o endereço a ser digitado é " 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, uma página será carregada contendo apenas o ícone do site. - Clique com o botão direito 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. A próxima etapa é 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 que aparece, escolha "Propriedades" - Na caixa de diálogo que aparece, mude para a guia "Documento da Web". - Clique no botão "Alterar ícone ..." ali presente. - Isso irá abrir a caixa de diálogo Alterar ícone, que permitirá que você navegue e selecione o arquivo de ícone salvo. - Clique em Ok algumas vezes e saia de todos os diálogos.

Isso provavelmente requer Chrome para ser o navegador padrão para abrir documentos da Web com!

Com um agradecimento especial a Theta-ga

8
Ivo Flipse

Parece uma coisa do canal Dev atual. Com a versão 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 Chrome padrão. Parece que estão no meio do caminho com o Dev.

3
pelms

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

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

No Google Chrome na página em que deseja criar um atalho de aplicativo para pressione <CTRL> + <SHIFT> + J, clique no segundo ícone da esquerda (Show Console) e cole o seguinte. Certifique-se de substituir datauri e descrição abaixo. Enter irá executá-lo 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 ao desenvolvedor da web do site para adicionar esses extras simples meta e tags de link em seu site.

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

0
Aaron Wagner