☰

让 Google Chrome“应用程序”窗口在 Windows 7 中使用高质量图标

tag-icon • tag-icon windows-7 google-chrome taskbar icons
让 Google Chrome“应用程序”窗口在 Windows 7 中使用高质量图标

每当我使用 Google Chrome 的“创建应用程序”快捷方式（我大量使用并推荐）时，Windows 7 任务栏上显示的图标都非常模糊，这可能是由于 16x16 图标被拉长造成的。

我希望能够用另一个高质量的图标替换这些图标，但即使我替换了缓存文件，由于某种原因它也不会更新。

作为参考，这是图标的路径，至少对于 Gmail 来说是这样。我还在使用最新的 Chrome 开发版。

％USERPROFILE％\应用程序数据\本地\谷歌\ Chrome \ USERDA〜1 \默认\ PLUGIN〜1 \ GOOGLE〜1 \ mail.google.com \ https_443 \图标＃desktop \

替代文本

答案1

这可能无法让您满意，但至少解释了它的来源。

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

icons - 包含一个或多个以下命名属性的对象：128x128、48x48、32x32、16x16。每个属性的值必须是 PNG 格式图像的 URL，且其尺寸与属性名称匹配。也可以使用包含 base64 编码的 PNG 数据的数据 URL。

所以我猜现在它只是使用你链接到的网站上的东西。如果他们没有高质量的版本，你就会得到你提到的丑陋版本。替换它需要你更改快捷方式内的链接。

由于这已经开始变得繁琐，因此最好遵循以下步骤：

步骤 1：将图标保存到您的计算机上 - 我相信你已经成功完成了这个:) - 在浏览器的地址栏中，输入网站的域名，然后输入文本“favicon.ico”例如，如果你想要雅虎网站的图标，输入的地址是“http://www.yahoo.com/favicon.ico“。同样，Google 图标可以在“://www.google.com/favicon.ico”找到。 - 输入上面指定的地址后，将加载一个仅包含网站图标的页面。 - 右键单击​​图片并选择“将图片另存为...” - 将所有图标保存在一个中央文件夹中，例如“我的文档\我的图标”

现在您有了一个图标的永久副本。下一步是将其与快捷方式关联。

第 2 步：将图标与快捷方式关联 - 右键单击​​桌面上的网站快捷方式 - 从出现的弹出菜单中，选择“属性” - 在出现的对话框中，切换到“Web 文档”选项卡。 - 单击那里的“更改图标...”按钮。 - 这将弹出“更改图标”对话框，您可以在其中浏览并选择已保存的图标文件。 - 然后单击“确定”几次并退出所有对话框。

这可能需要 Chrome 作为您的标准浏览器来打开 Web 文档！

特别感谢 Theta-ga

答案2

这看起来像是当前 Dev 频道的事情。在当前版本和 Beta 版本中，Windows 7 中没有单独的任务栏图标 - 它们只是堆叠在标准 Chrome 图标后面。看起来他们在 Dev 中已经完成了一半。

答案3

对于那些不提供正确尺寸的图标。我还没有完全确认这是否有效，因为我没有处于开发频道。

去dataUri 生成器，上传您想要用作图标的 128px PNG。复制 dataUri 文本以供下面使用。

在 Google Chrome 中，在要为其创建应用程序快捷方式的页面上，按<CTRL>+ <SHIFT>+ J，点击左侧第二个图标 ( Show Console)，然后粘贴以下内容。确保将以下内容替换为数据和描述下面。输入 Enter 将执行它，然后您应该会看到 gears 应用程序快捷方式窗口。

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

另一个选择是呼吁网站开发人员添加这些简单的额外元标签和链接标签到他们的网站。

此外，如果您真的想要更花哨，我想您可以创建多个 dataUri，每个图标大小都与上面 Ivo 的回答中所指定的大小相同。

相关内容