web-dev-qa-db-ja.com

GoogleにChrome "Application" WindowsでWindows 7で高品質のアイコンを使用させる

Google Chromeの「アプリケーションの作成」ショートカット（頻繁に使用することをお勧めします）を使用すると、Windows 7のタスクバーに表示されるアイコンが本当にぼやけます。おそらく、16x16のファビコンが引き伸ばされた結果です。

これらを別の高品質のアイコンで置き換えられるようにしたいのですが、キャッシュされたファイルを置き換えても、何らかの理由で更新されません。

参考までに、少なくともGmailのアイコンへのパスを次に示します。 Chromeの最新のDevチャンネルバージョンも使用しています。

％USERPROFILE％\ AppData\Local\Google\Chrome\USERDA〜1\Default\PLUGIN〜1\GOOGLE〜1\mail.google.com\https_443\icons＃desktop \

alt text

windows-7google-chrometaskbaricons
29
The How-To Geek

これはあなたを満足させないかもしれませんが、少なくともそれがどこから来たかを説明します。

Chrome/Gears API は次のように述べています：

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');

アイコン-これらの名前付きプロパティ（128x128、48x48、32x32、16x16）の1つ以上を含むオブジェクト。各プロパティの値は、プロパティ名と一致するサイズのPNG形式の画像のURLである必要があります。 base64でエンコードされたPNGデータを含むデータURLも使用できます。

だから今はリンク先のウェブサイトにあるものを使っているだけだと思う​​。彼らが高品質のバージョンを持っていない場合、あなたはあなたが言う醜いものを手に入れます。それを置き換えるには、ショートカット内のリンクを変更する必要があります。

これはすでに退屈な仕事になり始めているので、次の手順に従うほうがよいでしょう。

ステップ1：コンピューターにアイコンを保存します-これは既に正常に実行されていると思います:)-ブラウザーのアドレスバーに、たとえば、「favicon.ico」というテキストが続きます。たとえば、Yahoo Webサイトのアイコンが必要な場合、入力するアドレスは「 http://www.yahoo.com/favicon.ico 」です。 」同様に、Googleアイコンは「：//www.google.com/favicon.ico」にあります。 -上記で指定したアドレスを入力すると、ウェブサイトのアイコンのみを含むページが読み込まれます。 -画像を右クリックして、[名前を付けて画像を保存]を選択します。-すべてのアイコンを中央のフォルダに保存します。「マイドキュメント\マイアイコン」と言います。

これで、アイコンの永続的なコピーができました。次のステップは、それをショートカットに関連付けることです。

ステップ2：アイコンをショートカットに関連付ける-デスクトップのWebサイトショートカットを右クリック-表示されるポップアップメニューから[プロパティ]を選択します-表示されるダイアログボックスで、[Webドキュメント]タブに切り替えます。 -そこにある[アイコンの変更...]ボタンをクリックします。 -[アイコンの変更]ダイアログがポップアップ表示され、保存されたアイコンファイルを参照して選択できます。 -次にOkを数回クリックして、すべてのダイアログを終了します。

これにはおそらくChromeがWebドキュメントを開くための標準的なブラウザである必要があります！

Theta-gaに特に感謝

8
Ivo Flipse

現在のDevチャンネルのようです。現在のリリースとベータ版では、Windows 7に個別のタスクバーアイコンは表示されません。標準のChromeアイコンの後ろに積み重ねられています。Devの半分のように見えます。

3
pelms

正しいサイズのアイコン を提供していないサイトには、これが最善の策かもしれません。私は開発チャネルにいないため、これが機能することを完全には確認していません。

dataUri Generator に移動し、アイコンとして使用する128px PNGをアップロードします。以下で使用するdataUriテキストをコピーします。

GoogleではChromeプレス用のアプリショートカットを作成するページで<CTRL> + <SHIFT> + J、左から2番目のアイコン（Show Console）以下に貼り付けます。以下のdatauriおよびdescriptionを必ず置き換えてください。 Enterを実行すると、gearsアプリケーションのショートカットウィンドウが表示されます。

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

もう1つのオプションは、サイトのWeb開発者にアピールして、これらの単純な追加の メタタグとリンクタグ をサイトに追加することです。

また、本当に凝りたい場合は、上記のIvoの回答で指定されているように、アイコンのサイズごとに複数のdataUriを作成できると思います。

0
Aaron Wagner