如何在 Excel 功能区中制作清晰的图标？答案

【问题标题】：How to make a clear icon in Excel Ribbon?如何在 Excel 功能区中制作清晰的图标？
【发布时间】：2016-11-20 04:58:03
【问题描述】：

我为我的 Excel 插件 Bottleneck Detector 制作了一个图标。以下为第一版：

如您所见，我右边的图标不如Excel中现有的图标清晰。

上传加载项时，清单文件需要多个像素大小的图标用于不同的用途：16x16、32x32、64x64、80x80、96x96。最初，我在PhotoShop 中制作了300x300 的图标，并将其调整为不同的大小。在测试中，我意识到图像中的图标是32x32。以下是我的清单文件的相关摘录：

<Hosts>
  <Host xsi:type="Workbook">
  ...
      <Icon>
        <bt:Image size="16" resid="Contoso.tpicon_16x16" />
        <bt:Image size="32" resid="Contoso.tpicon_32x32" />
        <bt:Image size="80" resid="Contoso.tpicon_80x80" />
      </Icon>
  ...    
<Resources>
  <bt:Images>
    <bt:Image id="Contoso.tpicon_32x32" DefaultValue=".../images/logo32x32.png" />
    ...
</Resources>

我还要求某人在illustrator 中做同样的32x32 vector 图标，但它在功能区中仍然模糊。

所以，我的第一个疑问是……我们是否必须在功能区中使用 32x32 图标？

如果必须这样做，我该如何提高该图标的清晰度或分辨率？整个过程有什么我可以做的，让它看起来更清晰吗？

【问题讨论】：

您能在某处以 100% 的速度发布屏幕截图吗？您发布的屏幕截图似乎被略微放大，更难判断是否存在问题。
你说得对，Stack Overflow 稍微改了一下，这里是raw file of the screenshot。
谢谢 - 这给了我解决问题的方法 - 你在 150% 缩放。下面添加了完整答案。
（将改进后的屏幕截图添加到问题中，以便将来的访问者更清楚）
我知道这是为了交流，但我有一个问题要问你。您如何设法将按钮添加到“主页”选项卡？由 Excel 加载时，我的功能区始终显示为新选项卡。

标签： ms-office office-js

【解决方案1】：

Office 通常使用功能区中的 32x32 图标。

它看起来模糊的原因是，在您的计算机上，您正在使用 150% 的窗口缩放（控制面板\外观和个性化\显示），因此在这种情况下，Office 显示的图标大了 50%（在每个维度），即 32 * 1.5 = 48 像素。由于您的加载项没有可用的 48 像素图像，Office 正在将其他图标之一缩放为 48 像素。

为了使按钮看起来清晰，请在清单中添加一个 48x48 图标引用。 150% 放大在 Windows 上很常见。

-Michael Saunders，Office 插件产品经理

【讨论】：

确实，我使用的是 150% 缩放（17 英寸 (1920 x 1200) 和在虚拟机上运行的窗口）。除了尺寸，其他人说如果设计更简单，对比度更高，看起来会更清晰......
当我将我的 80px 图像分配给 32px 参考时，图像明显更清晰。也许缩小比放大更好？