如何使用电子获得完美尺寸的托盘图标？答案

【问题标题】：How to get a perfect sized tray icon using electron？如何使用电子获得完美尺寸的托盘图标？
【发布时间】：2018-11-25 21:24:20
【问题描述】：

我尝试过 32x32、64x64，并尝试使用 Photoshop 将另一个应用程序的图标编辑到我的图标中以保持其大小，但它对我不起作用。看来我的图标是双倍大小的，我无法看到整个图标。

【问题讨论】：

标签： macos electron tray electron-vue

【解决方案1】：

您可以在图像的基本文件名后附加@2x 以将其标记为高分辨率图像。

这对我很有帮助： https://www.electronjs.org/docs/api/native-image#high-resolution-image

【讨论】：

【解决方案2】：

16x16 png 适用于 Macos 托盘图标。您还可以将@2x 32x32 png 用于高分辨率显示，例如16x16 'tray.png' 和 32x32 'tray@2x.png'。

附：您可以在iConvert Icons 上轻松转换您的图标。

【讨论】：

是的，可能是因为该 API 现在已弃用，electronjs.org/docs/api/breaking-changes#tray。为了清楚起见，我将删除该链接。

【解决方案3】：

  const image = nativeImage.createFromPath(
    path.join(__dirname, "your-path/icon.png")
  );
  tray = new Tray(image.resize({ width: 16, height: 16 }));

【讨论】：