Windows 任务栏图标有丑陋的边框

Windows 任务栏图标有丑陋的边框

如今,图标由于矢量图形而看起来确实很好看。然而,我不知何故觉得一定出了什么问题,因为 Google Chrome 的 Google Maps/Search 和 Craft 快捷方式图标看起来有点奇怪,就像渲染在圆形边框处无法正常工作(尤其是与其他图标相比)。

有没有简单的方法可以解决这个问题?

在此处输入图片描述

原始的快捷方式图标看起来相当不错(并且没有奇怪的边框):

在此处输入图片描述

我正在使用灯光模式:

在此处输入图片描述

从浏览器菜单创建的 Google Chrome 快捷方式:

在此处输入图片描述

答案1

即使图标文件准备正确,这也似乎是由任务栏中的错误引起的。

修复很简单。你只需要不包括(创建 ICO 文件时)或删除(使用 ICO 编辑器,我建议paint.net免费伊科库尔插件(它适用于paint.net 5,并且有一个.NET 7 端口,因为此组合 100% 有效)图标大小256×256。您可以保留所有其他典型的图标尺寸(192×192、180×180、128×128、96×96、64×64、48×48、40×40、32×32、24×24、22×22、16×16、14×14、10×10、8×8)。

任务栏在 200% 缩放时使用 32×32 图标大小,在 100% 缩放时使用 16×16 图标大小。因此请确保这些尺寸看起来正确!

PS 这仅在 Windows 10 版本 21H2 中使用浅色主题进行了测试。

答案2

如今,图标由于矢量图形而看起来确实很好看。

不适用于 Windows!Windows 不支持矢量图标。它们都是位图。如果位图没有正确的分辨率(或者在多分辨率格式中.ico,如果所需的分辨率不可用),您得到的将是自动缩放的图像。

您在此处看到的是使用非最佳图像缩放算法时出现的瑕疵。高对比度边框和 Alpha 通道透明度尤其容易受到此类瑕疵的影响。Chrome 会自动从相当大的(Google 地图为 512x512)源图像创建这些图像。这会导致结果不够理想。

IcoFX 中的 Google 地图图标

这个特定图标的问题在于,透明背景实际上是黑色的。当缩小图像时,这个黑色背景会渗入圆圈边界的半透明区域,从而产生灰色的“光泽”。

除了手动创建自己的图标之外,没有其他方法可以解决这个问题。

在这种情况下,您可以使用您选择的图像编辑器将圆圈(在源图像上)缩小 1 或 2 个像素,以便黑色背景更远。然后使用图标编辑器(我使用 IcoFX 1.6.4,最新的免费软件版本)从编辑后的图像中创建合适的图标。

您可以在开发者工具中看到 Chrome 正在下载图像。

答案3

受 Daniel B 的启发,我做了一个简单的解决方法,虽然不完美,但目前已经足够好了。我使用在线转换器将 .ico 转换为 .png 文件,然后再转换回 .ico。最终结果是一个带有纯色背景的矩形图标(因为转换过程中透明度丢失了)。

在此处输入图片描述

相关内容