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

29

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 \

texto alternativo

O Geek Como Fazer
fonte
1
Essa é uma sugestão óbvia; no entanto, por que não clicar com o botão direito do mouse e usar o ícone de alteração nas propriedades para apontá-lo para um ícone de alta qualidade armazenado localmente?
BinaryMisfit 01/08/2009
Isso não parece atualizar o ícone em uso. O que é realmente estranho é que o ícone parece bom quando crio o aplicativo e, depois que fecho e reinicio, ele volta a parecer uma porcaria novamente.
The How-To Geek
Peguei vocês. Presumo que você esteja usando a versão RTM? Só posso imaginar que ele é substituído toda vez que a página é carregada e é por isso que a substituição não está funcionando.
BinaryMisfit 01/08/09
Você está usando as versões do canal Dev ou Beta do Chrome? Parece que me lembro que isso aconteceu comigo quando mudei para o Dev.
pelms
Estou usando a última versão do desenvolvedor.
The How-To Geek

Respostas:

8

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

Ivo Flipse
fonte
Eu já mudei o atalho no ícone, essa foi a primeira coisa (óbvia) que tentei. Porém, ele não altera o ícone da barra de tarefas para o aplicativo em execução. Eu estou querendo saber se eu posso usar a API para criar o meu próprio atalho embora ...
O How-To Geek
3

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.

peles
fonte
1
Sim, estou muito feliz com os ícones separados agora. Só gostaria que eles não parecessem tão feios!
The How-To Geek
0

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.

Aaron Wagner
fonte
1
caramba ... ainda não funciona, acho que deve ser um bug no Chrome.
Aaron Wagner