如今，由于矢量图形，图标看起来确实不错。但是，我总觉得肯定出了什么问题，因为 Google Maps/Search 和 Craft 的 Google Chrome 快捷方式图标看起来有点奇怪，比如在圆圈边框处渲染无法正常工作（尤其是与其他图标相比） ）。
有没有一种简单的方法可以解决这个问题？
原始的快捷方式图标看起来相当不错（并且没有奇怪的边框）：
我正在使用灯光模式：
以及从浏览器菜单创建的 Google Chrome 快捷方式：
AskOverflow.Dev
如今，由于矢量图形，图标看起来确实不错。但是，我总觉得肯定出了什么问题，因为 Google Maps/Search 和 Craft 的 Google Chrome 快捷方式图标看起来有点奇怪，比如在圆圈边框处渲染无法正常工作（尤其是与其他图标相比） ）。
有没有一种简单的方法可以解决这个问题？
原始的快捷方式图标看起来相当不错（并且没有奇怪的边框）：
我正在使用灯光模式：
以及从浏览器菜单创建的 Google Chrome 快捷方式：
不在 Windows 上！Windows 不支持矢量图标。它们都是位图。如果位图没有正确的分辨率（或多分辨率格式，如
.ico，如果所需的分辨率不可用），您将得到一个自动缩放的图像。您在这里看到的是使用非最佳图像缩放算法时出现的伪影。高对比度边框和 Alpha 通道透明度特别容易受到此类伪影的影响。Chrome 会自动从相当大的（使用 Google 地图的 512x512）源图像创建这些图像。这导致不太理想的结果。
这个特定图标的问题是透明背景实际上是黑色的。缩小图像时，黑色背景渗入圆圈边界的半透明区域，形成灰色的“光泽”。
除了手动创建自己的图标之外，您无法解决此问题。
在这种特殊情况下，您可以使用您选择的图像编辑器将圆（在源图像上）缩小 1 或 2 个像素，以便黑色背景更远。然后使用图标编辑器（我使用 IcoFX 1.6.4，最后一个免费软件版本）从编辑后的图像创建一个合适的图标。
您可以在开发者工具中看到 Chrome 正在下载图像。
受 Daniel B 的启发，我做了一个简单的解决方法，虽然并不完美，但目前已经足够好了。我使用在线转换器将 .ico 转换为 .png 文件，然后再转换回 .ico。最终结果是一个带有纯色背景的矩形图标（因为在转换过程中透明度丢失了）。